轻量级、常用的树状菜单结合自定义滚动条(原创)

所属分类:导航,UI-文件树,滚动

轻量级、常用的树状菜单结合自定义滚动条(原创) ie兼容8

更新时间:2018/1/10 下午3:09:40

更新说明:优化默认打开当前选中的菜单,在节点上添加class“ontree”,添加了以下代码

$(".ontree").each(function(){
    $(this).parents("ul").show();
    $(this).parents("ul").siblings().addClass("open_menu").removeClass("close_menu");
});

使用方法

第一步:按照demo的结构搭建html,具体应用时,自定义树状菜单在页面中的位置可调整

<div class="centent"></div>

的css;

第二步:引入tree.css和treescroll.min.js;

第三步:初始化菜单时按需要在相应的位置设置打开或者关闭,打开使用“open_menu”,关闭使用“close_menu”;

相关插件-文件树,滚动

基于bootstraptreeview无限分类树层级联动菜单

基于bootstraptreeview做的一个漂亮的无限分类树层级联动菜单
  文件树
 4986  24

纯手写完成“移动端权限树”插件

实现移动端权限树的全选,半选,以及不选的递归功能
  文件树
 20596  95

树控件

非常简单的树控件,代码中注释说明很详细,方便大家修改。
  文件树
 21656  37

纯javript实用多级目录树结构插件

aimaraJS是一款非常实用的纯javript响应式多级目录树结构插件。该目录树可以动态添加和删除树节点,可以制作多级树结构,每个节点上可以都带有右键上下文菜单,并且每个节点上都
  文件树
 22902  47

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复