最近在做前端开发项目中，需要用到树形结构。在网上查阅到了许多相应资源。其中觉得lightTreeview是一款非常不错的JQ树形分类菜单代码，结构简单，支持多级。还有详细的参数可以配置，以实现各种效果。
结构代码示例：
JS参数解释：
具体效果以及更详情的说明请看演示地址，以及以下：
Demo1 默认的样式
\(('#demo1').lightTreeview();</p><p> <br></p><p> <br></p><h4 id="h1">Demo2</h4><p>通过style值换风格,该值对应css里“treeview-xxx”中的xxx，您可以自己在CSS中建立新的风格。同时您可以直接对列表的根节点上加上一个class，值为treeview-red。</p><p>同级节点互斥。事件只响应在“+”或“-”上。</p><p> <br></p><p> <br></p><div></div><p> <br></p><p> <br></p><h4 id="h2">Demo3</h4><p>您可以直接在列表里把需要隐藏的列表设为隐藏。</p><p> <br></p><p> <br></p><div></div><p> <br></p><p> <br></p><h4 id="h3">Demo4</h4><p> 通过Plugin提供的\).lightTreeview.open(selector);\(.lightTreeview.close(selector);\).lightTreeview.toggle(selector);三个函数，你可以自己收缩或展开需要的节点。
注：
1.其中需要的插件有：
2.需要的函数和样式：
3.需要注意的是：
background: url(image/treeview-default.gif) 0 -111px no-repeat; 会报错，
正确的书写方式是：background: url(https://blog.51cto.com/image/treeview-default.gif) 0 -111px no-repeat;
原因：
https://blog.51cto.com/image/123.jpg 表示站点根目录下的image文件夹的下123.jpg
image/123.jpg 表示和当前页面目一个目录下的image文件夹下的123.jpg
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/187467.html