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

插件特效

2026-07-25 22:33 2 次浏览 • 0 次下载 4.4KB

插件描述：本人在项目中实际应用总结出来的，非常实用的树状菜单，结合自定义美化滚动条，树状菜单项不换行，并根据内容的多少，适时出现滚动条。

更新时间：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，具体应用时，自定义树状菜单在页面中的位置可调整

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

的css；

第二步：引入tree.css和treescroll.min.js；

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