变态重口极致另类在线-波多久久夜色精品国产-波多野结衣在线观看一区-波多野结衣在线观看一区二区-污污的网站免费阅读-污污视频网址

當(dāng)前位置: 首頁(yè)編程開(kāi)發(fā)js(Javascript)/JQ → JS組件dtree實(shí)現(xiàn)樹(shù)型菜單的實(shí)例分享

JS組件dtree實(shí)現(xiàn)樹(shù)型菜單的實(shí)例分享

更多

本文跟大家一起分享到的是關(guān)于JS組件dtree輕松實(shí)現(xiàn)樹(shù)型菜單的實(shí)例,希望能給大家?guī)?lái)幫助或啟發(fā)。

首先說(shuō)我用的這個(gè)Js樹(shù)型菜單,不是我做的是一個(gè)老外寫(xiě)的---dtree。  

這個(gè)無(wú)限級(jí)可刷新Js樹(shù)型菜單 dTree  
 1、可設(shè)置無(wú)限級(jí)菜單  
 2、不必使用框架  
 3、可刷新,多頁(yè)面內(nèi)跳轉(zhuǎn)不會(huì)影響菜單  
 4、可限級(jí)創(chuàng)造子樹(shù)  
 5、支持目前主流瀏覽器:IE5,6,7  
 6、節(jié)點(diǎn)圖片可設(shè)置切換圖片效果  


下載url:http://www.destroydrop.com/javascripts/tree/  
看看最下邊的時(shí)間,2003 Geir Landro人家就寫(xiě)出來(lái)了,俺現(xiàn)在才用(佩服)  

解壓縮dtree.zip 包。  
dtree目錄下包括這些文件:example01.html 、 dtree.js 、 api.html 、 dtree.css 和img目錄       
注意:除了api.html之外,其它的文件都是必須拷貝的。api.html是dtree的函數(shù)介紹。  

打開(kāi)example01.html文件  

    <link rel="StyleSheet" href="css/dtree.css" type="text/css" />   
    <script type="text/javascript" src="js/dtree.js"></script>   

必須引用的兩個(gè)文件。  

生成樹(shù) 節(jié)點(diǎn)的代碼:  
     <script type="text/javascript">   
        <!--   

        d = new dTree(’d’);//創(chuàng)建一個(gè)樹(shù)對(duì)象   

        d.add(0,-1,’My example tree’); //創(chuàng)建一個(gè)樹(shù)對(duì)象   
        d.add(1,0,’Node 1’,’example01.html’);   
        d.add(2,0,’Node 2’,’example01.html’);   
        d.add(3,1,’Node 1.1’,’example01.html’);   
        d.add(4,0,’Node 3’,’example01.html’);   
        d.add(5,3,’Node 1.1.1’,’example01.html’);   
        d.add(6,5,’Node 1.1.1.1’,’example01.html’);   
        d.add(7,0,’Node 4’,’example01.html’);   
        d.add(8,1,’Node 1.2’,’example01.html’);   
        d.add(9,0,’My Pictures’,’example01.html’,’Pictures I\’ve taken over the years’,’’,’’,’img/imgfolder.gif’);   
        d.add(10,9,’The trip to Iceland’,’example01.html’,’Pictures of Gullfoss and Geysir’);   
        d.add(11,9,’Mom\’s birthday’,’example01.html’);   
        d.add(12,0,’Recycle Bin’,’example01.html’,’’,’’,’img/trash.gif’);   

        document.write(d);   

        //-->   
    </script>   

d.add(0,-1,’My example tree’);  
     這一句為樹(shù)添加了一個(gè)根節(jié)點(diǎn),顯示名稱為’My example tree’    d.add(1,0,’Node 1’,’example01.html’);  
    這一句在樹(shù)的根節(jié)點(diǎn)下面添加了一個(gè)子節(jié)點(diǎn)。(d.add()方法的參數(shù)具體含義可參見(jiàn)api.html文件)       
常用的:       
第一個(gè)參數(shù),表示當(dāng)前節(jié)點(diǎn)的ID       
第二個(gè)參數(shù),表示當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)的ID,根節(jié)點(diǎn)的值為 -1      
第三個(gè)參數(shù),節(jié)點(diǎn)要顯示的文字       
第四個(gè)參數(shù),節(jié)點(diǎn)的Url       
第五個(gè)參數(shù),鼠標(biāo)移至該節(jié)點(diǎn)時(shí)節(jié)點(diǎn)的Title       
第六個(gè)參數(shù),節(jié)點(diǎn)的target  
第七個(gè)參數(shù),用做節(jié)點(diǎn)的圖標(biāo),節(jié)點(diǎn)沒(méi)有指定圖標(biāo)時(shí)使用默認(rèn)值  
第八個(gè)參數(shù),用做節(jié)點(diǎn)打開(kāi)的圖標(biāo),節(jié)點(diǎn)沒(méi)有指定圖標(biāo)時(shí)使用默認(rèn)值  
第九個(gè)參數(shù),判斷節(jié)點(diǎn)是否打開(kāi)  

使用實(shí)例大家可參照 www.amyou.cn 的樹(shù)型菜單  

附 rlog翻譯: 

屬性菜單使用說(shuō)明   

函數(shù)   

add()   
向樹(shù)里添加一個(gè)節(jié)點(diǎn)   
只能在樹(shù)被創(chuàng)建之前調(diào)用.   
必須 id, pid, name   
參數(shù)   
名字    類型    描述   
id    Number    唯一的ID號(hào)   
pid    Number    判定父節(jié)點(diǎn)的數(shù)字,根節(jié)點(diǎn)的值為 -1   
name    String    節(jié)點(diǎn)的文本標(biāo)簽   
url    String    節(jié)點(diǎn)的Url   
title    String    節(jié)點(diǎn)的Title   
target    String    節(jié)點(diǎn)的target   
icon    String    用做節(jié)點(diǎn)的圖標(biāo),節(jié)點(diǎn)沒(méi)有指定圖標(biāo)時(shí)使用默認(rèn)值   
iconOpen    String    用做節(jié)點(diǎn)打開(kāi)的圖標(biāo),節(jié)點(diǎn)沒(méi)有指定圖標(biāo)時(shí)使用默認(rèn)值   
open    Boolean    判斷節(jié)點(diǎn)是否打開(kāi)   
例子   
mytree.add(1, 0, ’My node’, ’node.html’, ’node title’, ’mainframe’, ’img/musicfolder.gif’);   

openAll()   
打開(kāi)所有節(jié)點(diǎn)   
可在樹(shù)被創(chuàng)建以前或以后調(diào)用.   
例子   
mytree.openAll();   

closeAll()   
關(guān)閉所有節(jié)點(diǎn)   
可在樹(shù)被創(chuàng)建以前或以后調(diào)用.   
例子   
mytree.closeAll();   

openTo()   
Opens the tree to a certain node and can also select the node.   
只能在樹(shù)被創(chuàng)建以后調(diào)用..   
參數(shù)   
名字    類型    描述   
id    Number    節(jié)點(diǎn)唯一的ID號(hào)   
select    Boolean    判斷節(jié)點(diǎn)是否被選擇   
例子   
mytree.openTo(4, true);   

配置   
變量    類型    默認(rèn)值    描述   
target    String    true    所有節(jié)點(diǎn)的target   
folderLinks    Boolean    true    文件夾可鏈接   
useSelection    Boolean    true    節(jié)點(diǎn)可被選擇(高亮)   
useCookies    Boolean    true    樹(shù)可以使用cookies記住狀態(tài)   
useLines    Boolean    true    創(chuàng)建帶線的樹(shù)   
useIcons    Boolean    true    創(chuàng)建帶有圖標(biāo)的樹(shù)   
useStatusText    Boolean    false    用節(jié)點(diǎn)名替代顯示在狀態(tài)欄的節(jié)點(diǎn)url   
closeSameLevel    Boolean    false    只有一個(gè)有父級(jí)的節(jié)點(diǎn)可以被展開(kāi),當(dāng)這個(gè)函數(shù)可用時(shí)openAll() 和 closeAll() 函數(shù)將不可用   
inOrder    Boolean    false    如果父級(jí)節(jié)點(diǎn)總是添加在子級(jí)節(jié)點(diǎn)之前,使用這個(gè)參數(shù)可以加速菜單顯示.   
例子   
mytree.config.target = "mytarget";  
  

寫(xiě)到這里捎帶說(shuō)一下,這幾天我研究了一下 extjs里邊的樹(shù)型菜單,功能非常強(qiáng)大,但如果構(gòu)建一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)上的樹(shù)型菜單還是dtree方便多了。 

熱門(mén)評(píng)論
最新評(píng)論
發(fā)表評(píng)論 查看所有評(píng)論(0)
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字?jǐn)?shù): 0/500 (您的評(píng)論需要經(jīng)過(guò)審核才能顯示)
主站蜘蛛池模板: 91精品综合久久久久久五月天 | 黄色一毛片 | 又黄又爽又色的视频在线看 | 成人三级网址 | 欧美成人精品第一区 | 一本大道香蕉在线影院 | 香蕉视频黄网站 | 亚洲黄色影视 | 黄色网毛片 | 天天骑天天干 | 黄色大片视频网站 | 九九九视频 | 操人视频网站 | 天天插天天射天天干 | 欧美日韩大片在线观看 | 欧美成人手机在线 | 在线观看91精品国产hd | 欧美一区二区三区久久久 | 亚洲欧美日韩高清综合678 | 午夜久久久久久亚洲国产精品 | 欧美日韩中文一区 | 精品国产一区二区麻豆 | 久久午夜夜伦伦鲁鲁片 | 精品国产免费人成网站 | 欧美综合亚洲图片综合区 | 久久久久综合一本久道 | 日本欧美一二三区色视频 | 天堂在线资源网 | a一级爱做片免费观看欧美 a一级爱做片免费 | 日日夜夜天天干 | 午夜毛片视频高清不卡免费 | 欧美三级第一页 | 特级a毛片 | 夭天干夜夜怕 | 三级黄色在线视频 | 成人午夜性视频欧美成人 | 天天综合天天 | 色综合久久天天综合绕观看 | 亚洲人成网站在线观看90影院 | 亚洲美女激情 | 日韩在线第一区 |