JS樹形菜單是很常用的JS特效代碼，常用在管理軟件當(dāng)中，但是一套樹形菜單已經(jīng)不能滿足需求，所以如果能有一套比較全面的樹形菜單JS特效代碼，將會(huì)非常方便，下面懶人萱將超全的JS樹形菜單（dhtmlxTree）共享出來(lái)，相信你一定用得上。
超全的JS樹形菜單共享一共包括八種，下面就一一介紹：
1、不同表現(xiàn)方式的JS樹形菜單（如圖所示）
2、復(fù)選框式的JS樹形菜單（如圖所示）
左圖為只可以選擇單節(jié)點(diǎn)，右圖為在選擇子節(jié)點(diǎn)的同時(shí)選擇父節(jié)點(diǎn)
3、可以重新排列節(jié)點(diǎn)并且具有拖放功能的js樹形菜單（如圖所示）
4、帶有提示框的js樹形菜單（如圖所示）
如果想打開或關(guān)閉某個(gè)節(jié)點(diǎn)，將會(huì)彈出一個(gè)警告框；如果選中或取消某個(gè)菜單前的復(fù)選框，也會(huì)有相應(yīng)的文字提示。這個(gè)功能目前還沒有想到會(huì)在什么情況下使用，但是可以先了解一下。
5、將div菜單列表轉(zhuǎn)換成樹的js樹形菜單（如圖所示）
左圖為div菜單列表，右圖為轉(zhuǎn)換后的樹。
6、可以異步加載數(shù)據(jù)的js樹形菜單
7、可以添加和刪除菜單的js樹形菜單（如圖所示）
包括添加子菜單和同級(jí)菜單兩種。
8、展開關(guān)閉節(jié)點(diǎn)的js樹形菜單（如圖所示）
所有的JS樹形菜單源文件在附件下載，里面有以上全部的實(shí)例源代碼，還有很詳細(xì)的功能描述及參數(shù)設(shè)置，不過(guò)都是英文的，本人英語(yǔ)很差大家還是自己翻譯吧，呵呵！
此JS樹形菜單已做過(guò)測(cè)試，可以兼容現(xiàn)在的所有主流瀏覽器，所以你可以放心使用這個(gè)JS樹形菜單。
里邊的功能很多，可能大家暫時(shí)不會(huì)都用到，但是說(shuō)不定以后會(huì)用到呢，所以要好好收藏哦！
好了，JS特效代碼大全（七）超全的JS樹形菜單共享就這么多了，懶人萱之前還有很多其他JS特效代碼文章，也可以下載下來(lái)收藏，以后一定有用到的地方，如果其中有什么問(wèn)題可以留言給懶人萱，盡量給你滿意的答復(fù)！
來(lái)自：http://www.oecp.cn/hi/xuan/blog/392
posted on 2011-10-05 18:12
kxbin 閱讀(3945)
評(píng)論(0) 編輯 收藏 所屬分類:
javascript