网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
listree是一款轻量级的JavaScript库,用于从嵌套的HTML列表创建一个最小的、干净的、可折叠的树结构。非常适合树菜单、文件夹/文件树等。
使用方法:
1.下载包并将listree的文件插入到html文档中。
<link rel=”stylesheet” href=”listree.min.css”/>
<script src=”listree.umd.min.js”></script>
2.使用以下CSS类创建HTML嵌套列表:
listree: 父容器
listree-submenu-heading: 子菜单的标题元素
listree-submenu-items: 子菜单项
<ul class="listree">
<li>
<div class="listree-submenu-heading">Item 1</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Item 1-1</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Item 1-1-1</div>
<ul class="listree-submenu-items">
<li>
<div class="listree-submenu-heading">Item 1-1-1-1</div>
<ul class="listree-submenu-items">
<li>
<a href="">Item 1-1-1-1-1</a>
</li>
<li>
<a href="">Item 1-1-1-1-2</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
// more list items here
</ul>
3.初始化插件
listree();
转载请注明来源:js可下拉折叠树菜单、文件夹/文件树视图插件(listree)
本文永久链接地址:https://www.moyouyouw.cn/code/753.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论