- 资源介绍
proTree是一款jQuery文件树形菜单插件,利用数组导入文件树形结构菜单样式效果。
js代码
<script type="text/javascript" src="https://img.x22t.com/file/2020/04/25/b9ce4980f00cea505d697d765d15314b3993.js" ></script> <script type="text/javascript"> //后台传入的 标题列表 var arr = [{ id: 1, name: "一级标题", pid: 0 }, { id: 2, name: "二级标题", pid: 0 }, { id: 3, name: "2.1级标题", pid: 2 }, { id: 4, name: "2.2级标题", pid: 2 }, { id: 5, name: "1.1级标题", pid: 1 }, { id: 6, name: "1.2级标题", pid: 1 }, { id: 7, name: "1.21级标题", pid: 6 }, { id: 8, name: "三级标题", pid: 0 }, { id: 9, name: "1.22级标题", pid: 6 }, { id: 10, name: "1.221级标题", pid: 9 }, { id: 11, name: "1.2211级标题", pid: 10 }, { id: 12, name: "1.2212级标题", pid: 10 } ]; //标题的图标是集成bootstrap 的图标 更改 请参考bootstrap的字体图标替换自己想要的图标 $(".innerUl").ProTree({ arr: arr, simIcon: "fa fa-file-o",//单个标题字体图标 不传默认glyphicon-file mouIconOpen: "fa fa-folder-open-o",//含多个标题的打开字体图标 不传默认glyphicon-folder-open mouIconClose:"fa fa-folder-o",//含多个标题的关闭的字体图标 不传默认glyphicon-folder-close callback: function(id,name) { alert("你选择的id是" + id + ",名字是" + name); } }) </script>
猜你喜欢
-
jQuery顶部固定导航菜单代码
2018-02-22 -
jQuery滑动手风琴二级分类菜单代码
2017-07-30 -
jQuery仿天猫商品分类导航菜单切换代码
2017-11-20 -
jQuery鼠标经过滑动展开菜单代码
2017-04-04 -
CSS3动画按钮导航菜单特效
2017-07-11 -
jQuery手风琴下拉菜单收缩展开特效
2017-10-29 -
jQuery+CSS3+HTML5折叠卡片式下拉菜单特效
2017-09-21 -
Bootstrap鼠标右键下拉菜单特效
2017-08-05 -
jQuery网站后台常用左侧伸缩下拉菜单代码
2017-11-12 -
jQuery响应式下拉导航菜单插件megamenu
2017-07-10
-
jQuery网页向下滚动导航固定顶部代码
2017-03-28 -
jQuery可收缩展开左侧流程图菜单列表代码
2017-07-23 -
带搜索功能的jQuery树形菜单代码
2017-07-24 -
jQuery商城常用楼层定位菜单代码
2017-08-19 -
jQuery商城常用左侧悬浮导航定位代码
2017-11-12 -
CSS3鼠标悬停动画下拉导航菜单代码
2018-01-25 -
jQuery手机触屏滑动导航菜单代码
2017-06-03 -
jQuery右侧弹出侧边栏导航菜单代码
2017-09-26 -
CSS3弹性展开网站动画导航菜单特效
2017-08-22 -
js点击全屏打开导航菜单动画特效
2017-10-18
猜你在找
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery文件树形菜单插件proTree
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery文件树形菜单插件proTree