dtree加载菜单基本使用方法
来源:互联网 发布:新片场网络暴力 编辑:程序博客网 时间:2024/05/17 08:49
步骤1:官网下载dtree.zip包,官网地址:http://destroydrop.com/javascripts/tree/,文件包括dtree.css,dtree.js和api.html和例子;
步骤2:根据example01.html代码修改自己需要的菜单,示例代码如下:
<span style="font-size:14px;"><span style="white-space: pre;"></span><script type="text/javascript"><!--d = new dTree('d');d.add(0,-1,'My example tree');d.add(1,0,'Node 1','example01.html');d.add(2,0,'Node 2','example01.html');d.add(3,1,'Node 1.1','example01.html');d.add(4,0,'Node 3','example01.html');d.add(5,3,'Node 1.1.1','example01.html');d.add(6,5,'Node 1.1.1.1','example01.html');d.add(7,0,'Node 4','example01.html');d.add(8,1,'Node 1.2','example01.html');d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');d.add(11,9,'Mom\'s birthday','example01.html');d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');document.write(d);//--></script></span>步骤3:运行效果图如下:
步骤4:要修改或添加图标,可以修改dtree.js代码,如下这段就是图标设置。
this.icon = {root: 'img/base.gif',folder: 'img/folder.gif',folderOpen: 'img/folderopen.gif',node: 'img/page.gif',empty: 'img/empty.gif',line: 'img/line.gif',join: 'img/join.gif',joinBottom: 'img/joinbottom.gif',plus: 'img/plus.gif',plusBottom: 'img/plusbottom.gif',minus: 'img/minus.gif',minusBottom: 'img/minusbottom.gif',nlPlus: 'img/nolines_plus.gif',nlMinus: 'img/nolines_minus.gif'};
注意:树形结构根节点的父id必须为-1,如果要设置其他值请修改dtree.js。
0 0
- dtree加载菜单基本使用方法
- dtree使用方法
- dtree实现动态加载树形菜单,动态插入树形菜单
- dtree树形菜单
- 树状菜单(dtree)
- dtree中菜单排序!
- dtree树型菜单
- DTree实现树形菜单
- dTree三级树形菜单
- dtree 动态树型菜单
- dtree + Jquery 添加右键菜单
- JavaScript树型菜单 dtree
- dTree树型菜单API
- JavaScript树型菜单 dtree
- 使用dTree构建树形菜单
- dtree+右键菜单 完美结合
- 用dtree实现树形菜单
- dtree树形菜单的使用
- cc2538 BSL下载固件
- 实用SQL语句大全 from internet
- 通过cookie记住账号的实现方法
- 属性动画
- 网站开通流程
- dtree加载菜单基本使用方法
- 让你的电池多活两年,土豪请自动忽略
- Linux下su与su -命令的本质区别
- nginx相同域名不用tomcat端口
- SQL Server数据库优化大总结一
- findui环境搭建
- pod导入命令
- Apriori算法
- phpmysql操作函数类(pdo)