JS特效代碼大全(七)超全的JS樹形菜單共享

 JS樹形菜單是很經常使用的JS特效代碼,經常使用在管理軟件當中,可是一套樹形菜單已經不能知足需求,因此若是能有一套比較全面的樹形菜單JS特效代碼,將會很是方便,下面懶人萱將超全的JS樹形菜單(dhtmlxTree)共享出來,相信你必定用得上。html

 超全的JS樹形菜單共享一共包括八種,下面就一一介紹:java

一、不一樣表現方式的JS樹形菜單(如圖所示)瀏覽器

不一樣表現方式的JS樹形菜單

二、複選框式的JS樹形菜單(如圖所示)異步

左圖爲只能夠選擇單節點,右圖爲在選擇子節點的同時選擇父節點ide

複選框式的JS樹形菜單

三、能夠從新排列節點而且具備拖放功能的js樹形菜單(如圖所示)工具

 能夠從新排列節點而且具備拖放功能的js樹形菜單

四、帶有提示框的js樹形菜單(如圖所示)測試

  若是想打開或關閉某個節點,將會彈出一個警告框;若是選中或取消某個菜單前的複選框,也會有相應的文字提示。這個功能目前尚未想到會在什麼狀況下使用,可是能夠先了解一下。this

 帶有提示框的js樹形菜單

五、將div菜單列表轉換成樹的js樹形菜單(如圖所示)url

  左圖爲div菜單列表,右圖爲轉換後的樹。翻譯

將div菜單列表轉換成樹的js樹形菜單

六、能夠異步加載數據的js樹形菜單

七、能夠添加和刪除菜單的js樹形菜單(如圖所示)

     包括添加子菜單和同級菜單兩種。

能夠添加和刪除菜單的js樹形菜單

八、展開關閉節點的js樹形菜單(如圖所示)

展開關閉節點的js樹形菜單

全部的JS樹形菜單源文件在附件下載,裏面有以上所有的實例源代碼,還有很詳細的功能描述及參數設置,不過都是英文的,本人英語不好你們仍是本身翻譯吧,呵呵!

此JS樹形菜單已作過測試,能夠兼容如今的全部主流瀏覽器,因此你能夠放心使用這個JS樹形菜單。

裏邊的功能不少,可能你們暫時不會都用到,可是說不定之後會用到呢,因此要好好收藏哦!

好了,JS特效代碼大全(七)超全的JS樹形菜單共享就這麼多了,懶人萱以前還有不少其餘JS特效代碼文章,也能夠下載下來收藏,之後必定有用到的地方,若是其中有什麼問題能夠留言給懶人萱,儘可能給你滿意的答覆! 

下載地址:

相關文章
相關標籤/搜索