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

你可能感兴趣的文章
PHP中解决ajax请求session过期退出登录问题
查看>>
拆分功能:第一步,建立 会员管理系统
查看>>
Android判断当前网络是否可用--示例代码
查看>>
NAT转换
查看>>
获取网站Web服务器类型的办法
查看>>
我的友情链接
查看>>
CXF+Spring+Hibernate实现RESTful webservice服务端示例
查看>>
HTML网络效果收集---HTML
查看>>
Django根据已有数据自动生成Model
查看>>
YAML 语法 规则
查看>>
css @语法,@规则 @import @charset @font-face @fontdef @media @page
查看>>
asp.net系统过滤器、自定义过滤器
查看>>
CSS3 Animation
查看>>
window 下常用的一些命令和应用
查看>>
mysql having的用法
查看>>
重新认识java-忽视的注释
查看>>
Sierpinski三角
查看>>
Dos下查看端口
查看>>
深入探讨Java类加载器
查看>>
Go 开发 HTTP
查看>>