博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
MD5加密函数实现
查看>>
DbUtils使用笔记
查看>>
Struts2数据校验
查看>>
iOS开发UI篇—UITableview控件使用小结
查看>>
Go(6 [接口 类型断言])
查看>>
峰任策划:SEO对网络营销有什么帮助?
查看>>
Qt学习:QLineEdit的程序示例
查看>>
信用卡号的验证
查看>>
用poi实现doc转html
查看>>
微软解释近期多因素身份验证崩溃原因
查看>>
Confluence 6 配置管理员会话的安全
查看>>
Build Castles(构建城堡)
查看>>
学会这 18 个工具,你一定能真正理解如何监控网络带宽!
查看>>
flash文件怎么打开 怎么将swf格式转换成avi视频
查看>>
虚拟机的克隆并更改主机名
查看>>
Java并发编程:什么是CAS?这回总算知道了
查看>>
分享一波Android面试题
查看>>
python入门系列:文件操作
查看>>
适合练习的10个Python项目,每个项目都不到500行代码
查看>>
iOS宏定义的使用与规范
查看>>