博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery树形菜单插件treeView
阅读量:7055 次
发布时间: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

你可能感兴趣的文章
springmvc文件上传配置
查看>>
Linux ASLR的实现
查看>>
基于Redmine建设敏捷团队信息平台
查看>>
Swift -- 数组
查看>>
C# 与 C++ 数据类型对照
查看>>
c#中自定义属性
查看>>
OpenStack云计算----安装与部署(中篇)
查看>>
Web在线升级系统
查看>>
erlang国际化时间转换(ISO 8601)
查看>>
Kubernetes集群部署
查看>>
Windows server 2008R2服务器系统登录密码破解
查看>>
Oracle Internal Research深入研究Oracle内部原理
查看>>
测试断言技巧
查看>>
NDK library "libgnustl_shared.so" not found
查看>>
我的友情链接
查看>>
cobbler------安装配置
查看>>
自己项目中PHP常用工具类大全分享
查看>>
java笔记整理——代理
查看>>
Oracle基于时间点的恢复
查看>>
【VMCloud云平台】拥抱Docker(七)创建属于自已的Docker Registry
查看>>