- 资源介绍
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侧边栏隐藏展开导航菜单特效
2017-05-13 -
css3仿小米官网导航下拉菜单代码
2017-09-01 -
HTML5 Bootstrap响应式手机导航下拉菜单代码
2017-08-24 -
jQuery+HTML5网站顶部3D翻转展开导航菜单代码
2017-10-07 -
jQuery页面滚动左侧悬浮固定导航菜单代码
2017-06-01 -
CSS3 3D样式导航菜单代码
2017-09-09 -
jQuery仿天猫商品分类导航菜单切换代码
2017-11-20 -
CSS3动画按钮导航菜单特效
2017-07-11 -
jQuery网络建站公司宽屏导航下拉菜单代码
2018-04-08 -
jQuery网站右侧悬浮楼层滚动导航代码
2017-11-20
-
jQuery手机触屏滑动导航菜单代码
2017-06-03 -
jQuery抽屉式收缩展开下拉菜单列表代码
2017-06-08 -
jQuery手机移动端下拉列表选择代码
2017-08-30 -
jQuery树结构菜单选择器代码
2017-06-23 -
jQuery网站导航下拉菜单代码
2017-08-06 -
element-ui省市县三级联动菜单代码
2017-11-22 -
jQuery旅游网站左侧分类导航菜单特效
2017-07-07 -
Bootstrap鼠标右键下拉菜单特效
2017-08-05 -
jQuery汽车品牌按字母分类锚点导航代码
2017-11-19 -
jQuery导航条三级下拉菜单代码
2017-06-30
猜你在找
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery文件树形菜单插件proTree
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » jQuery文件树形菜单插件proTree