博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery树形菜单插件treeView
阅读量:7054 次
发布时间:2019-06-28

本文共 5067 字,大约阅读时间需要 16 分钟。

 

Jquery的treeview很好用,如果是简单的树形菜单按照下面的源码实例模仿就可以。

                       

    
jQuery treeview

jQuery Treeview Plugin Demo

Pagecode

Other demos

Sample 1 - default

  • Folder 1
    • Item 1.1
  • Folder 2
    • Subfolder 2.1
      • File 2.1.1
      • File 2.1.2
    • File 2.2
  • Folder 3 (closed at start)
    • File 3.1
  • File 4

Sample 2 - Navigation

Sample 3 - fast animations, all branches collapsed at first, red theme, cookie-based persistance

  • Item 1
    • Item 1.0
      • Item 1.0.0
    • Item 1.1
    • Item 1.2
      • Item 1.2.0
        • Item 1.2.0.0
        • Item 1.2.0.1
        • Item 1.2.0.2
      • Item 1.2.1
        • Item 1.2.1.0
      • Item 1.2.2
        • Item 1.2.2.0
        • Item 1.2.2.1
        • Item 1.2.2.2
  • Item 2
    • Item 2.0
      • Item 2.0.0
        • Item 2.0.0.0
        • Item 2.0.0.1
    • Item 2.1
      • Item 2.1.0
        • Item 2.1.0.0
      • Item 2.1.1
        • Item 2.1.1.0
        • Item 2.1.1.1
        • Item 2.1.1.2
      • Item 2.1.2
        • Item 2.1.2.0
        • Item 2.1.2.1
        • Item 2.1.2.2
  • Item 3
    • Item 3.0
      • Item 3.0.0
      • Item 3.0.1
        • Item 3.0.1.0
        • Item 3.0.1.1
      • Item 3.0.2
        • Item 3.0.2.0
        • Item 3.0.2.1
        • Item 3.0.2.2

Sample 4 - two trees with one tree control, black and gray theme, cookie-based persistance

  • Item 1
  • Item 2
    • Item 2.1
      • Item 2.1.1
      • Item 2.1.2
    • Item 2.2
    • Item 2.3 (closed at start)
      • Item 2.3.1
      • Item 2.3.2
  • Item 1
  • Item 2
    • Item 2.1 (closed at start)
      • Item 2.1.1
      • Item 2.1.2
    • Item 2.2.1
    • Item 2.2.2
    • Item 2.2.3
    • Item 2.2.4
    • Item 2.2.5
    • Item 2.2.6
    • Item 2.2.7
    • Item 2.2.8
    • Item 2.3
      • Item 2.3.1
      • Item 2.3.2
      • Item 2.3.3
      • Item 2.3.4
      • Item 2.3.5
      • Item 2.3.6
      • Item 2.3.7
      • Item 2.3.8
      • Item 2.3.9
    • Item 2.4
      • Item 2.4.1
      • Item 2.4.2
      • Item 2.4.3
      • Item 2.4.4
      • Item 2.4.5
      • Item 2.4.6
      • Item 2.4.7
      • Item 2.4.8
      • Item 2.4.9
  • Item 3
View Code

 

根据树形菜单实现动态div链接实例,关于实现树形菜单请参照上文内容。

  
div1
div2
View Code

 

转载于:https://www.cnblogs.com/gynbk/p/6595744.html

你可能感兴趣的文章
一些组织和个人网站
查看>>
二叉树应用进阶之折纸(二叉树的右根左遍历)
查看>>
运维相关开源项目
查看>>
Lua MD5加密字符串
查看>>
Heap & Priority Queue
查看>>
RDA PQ工具使用 (Adi Analysis)
查看>>
LEETCODE
查看>>
织云Lite发布:详解包管理核心能力
查看>>
hadoop04---shell
查看>>
HDU 4419 Colourful Rectangle(线段树)
查看>>
webservice接口的开发和调用
查看>>
【uTenux实验】内存池管理(固定内存池和可变内存池)
查看>>
Android——Android Studio的一些小技巧(转)
查看>>
Spring学习【Spring概述】
查看>>
【Java数据结构学习笔记之一】线性表的存储结构及其代码实现
查看>>
Facebook内部人才建设潜规则
查看>>
巧用test判断来写shell脚本
查看>>
类装载器
查看>>
考勤处理脚本
查看>>
原生的社交分享
查看>>