- 资源介绍
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>
猜你喜欢
-
Bootstrap响应式侧边栏导航菜单代码
2017-08-16 -
jQuery鼠标左右键自定义菜单代码
2017-06-22 -
CSS3圆形环绕菜单动画特效
2017-05-28 -
jQuery响应式全屏背景图片导航菜单特效
2017-07-12 -
jQuery Sass响应式导航菜单代码
2017-12-18 -
CSS3多级竖直图标导航菜单特效
2017-09-10 -
jQuery+Bootstrap手风琴折叠菜单代码
2017-11-15 -
jQuery手风琴下拉菜单收缩展开特效
2017-10-29 -
CSS3 3D垂直手风琴菜单动画切换特效
2018-04-23 -
jQuery多级无限级导航下拉菜单代码
2017-10-02
-
红色CSS3网站导航三级下拉菜单代码
2018-04-23 -
jQuery微信手机端底部弹出导航菜单列表代码
2017-06-06 -
jQuery折叠收缩展开下拉菜单代码
2017-06-03 -
jQuery+HTML5手机侧边栏弹出菜单代码
2017-07-04 -
jQuery宽屏通栏下拉菜单导航代码
2017-03-29 -
jQuery顶部固定导航菜单代码
2018-02-22 -
jQuery UI可拖拽弹性圆形菜单按钮特效
2017-06-17 -
Bootstrap鼠标右键下拉菜单特效
2017-08-05 -
jQuery导航条三级下拉菜单代码
2017-06-30 -
jQuery+CSS3可拖拽气泡圆形图标菜单特效
2018-03-16
猜你在找
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery文件树形菜单插件proTree
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery文件树形菜单插件proTree