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

你可能感兴趣的文章
hidesBottomBarWhenPushed 设置为NO的问题
查看>>
oracle怎样查询索引的使用情况
查看>>
select option 下拉多选单选bootstrap插件使用总结2
查看>>
alipay.trade.refund (统一收单交易退款接口)[支付宝退款]
查看>>
cisco常用命令详解
查看>>
2013多校训练赛第二场 总结
查看>>
puppeteer UI自动化测试demo(一)
查看>>
week0713.5 newspaper 安装问题
查看>>
【转】关于大型网站技术演进的思考(十五)--网站静态化处理—前后端分离—中(7)...
查看>>
小白学习之Code First(二)
查看>>
谁在追踪谁?
查看>>
HTTP请求返回状态码详解
查看>>
句柄类
查看>>
GitLab
查看>>
MySQL安装部署
查看>>
m6-第10周作业
查看>>
Salesforce Apex学习 : 利用Schema命名空间中的DescribeSObjectResult类型来获取sObject对象的基本信息...
查看>>
沃通SSL证书支持最新顶级域名
查看>>
网站建设流程图
查看>>
cc2540 usbdongle 安装驱动失败的终极解决方法 【原创,多图】
查看>>