通過CSS樣式來修改ExtJS:TreePanel的小圖標(biāo)
發(fā)布時(shí)間：2014-05-28 18:04:58 作者：佚名 
我要評論
我要評論這篇文章主要介紹了如何通過CSS樣式來修改ExtJS:TreePanel的小圖標(biāo)，下面有個(gè)不錯(cuò)的示例，大家可以參考下
寫在html<head>標(biāo)簽里面，
<style type="text/css">
.x-tree-node-collapsed .x-tree-node-icon {
background:transparent url(web/css/images/default/tree/1.gif);
}
.x-tree-node-expanded .x-tree-node-icon {
background:transparent url(web/css/images/default/tree/drop-no.gif);
}
.x-tree-node-leaf .x-tree-node-icon{
background:transparent url(web/css/images/default/tree/2.gif);
}
</style>
復(fù)制代碼
代碼如下:<style type="text/css">
.x-tree-node-collapsed .x-tree-node-icon {
background:transparent url(web/css/images/default/tree/1.gif);
}
.x-tree-node-expanded .x-tree-node-icon {
background:transparent url(web/css/images/default/tree/drop-no.gif);
}
.x-tree-node-leaf .x-tree-node-icon{
background:transparent url(web/css/images/default/tree/2.gif);
}
</style>
相關(guān)文章
原生js實(shí)現(xiàn)的日期時(shí)間插件鼠標(biāo)點(diǎn)擊文本框彈出日期時(shí)間表格選擇日期效果
原生js實(shí)現(xiàn)的日期時(shí)間插件鼠標(biāo)點(diǎn)擊文本框彈出日期時(shí)間表格選擇日期效果源碼，是一段沒有被美化的原生態(tài)文本框彈出日期時(shí)間選擇框表格的選擇日期時(shí)間代碼，需要此段代碼的朋2014-11-19
JS鼠標(biāo)懸停開關(guān)燈漸變顯示圖片及點(diǎn)擊后慢慢變大/變小顯示的全屏相冊動
JS鼠標(biāo)懸停開關(guān)燈漸變顯示圖片及點(diǎn)擊后慢慢變大/變小顯示的全屏相冊動畫特效源碼，是一段初始化時(shí)是全黑的縮略圖列表，鼠標(biāo)懸停后對應(yīng)圖片就會變亮并顯示，鼠標(biāo)劃過時(shí)圖片2014-11-07
無需點(diǎn)擊鼠標(biāo)感應(yīng)圖片無縫左右JS滾動代碼
一款無需點(diǎn)擊，鼠標(biāo)懸停控制圖片滾動方向的js代碼2014-01-23
JS制作頁面鼠標(biāo)點(diǎn)擊拖動生成小圖標(biāo)特效源碼
JS制作頁面鼠標(biāo)點(diǎn)擊拖動生成小圖標(biāo)特效源碼是一款紫色背景風(fēng)格的鼠標(biāo)左擊右擊生成小圖標(biāo)動畫特效。本段代碼可以在各個(gè)網(wǎng)頁使用，有需要的朋友可以直接下載使用2017-03-07
