dTree
1.dTree是什么？它的特性，它的源代码、它的帮助文档以及它的版本历史等等。详情请看http://destroydrop.com/javascripts/tree/
dTree是一个由JavaScript编写成的简单的树形菜单组件，目前免费并且开源。
2.源代码的获取
官网下载压缩包“dtree.zip”。
压缩包中包含
img文件夹： 包含树形菜单显示需要的图标 api.html ： 作者写的dtree帮助文档 dtree.css： 树形菜单的样式 dtree.js ： js核心文件，代码都在其中 example01.html：树形菜单实例
3.dTree的简单使用
(1).所有文件移动到webroot目录下
(2).创建一个HTML文件，引入css和js文件
<link rel="StyleSheet" href="dtree.css" type="text/css" /> <script type="text/javascript" src="dtree.js"></script>
(3).然后在<body>里创建一个div层，指定class为“dtree”，此时该层就引用了dtree的样式
<div class="dtree">
<script type="text/javascript">
tree = new dTree('tree');
......
</script>
</div>
(4).生成树节点代码
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree'); //这一句是为树加一个根节点，显示名称为“My example tree”
d.add(1,0,'Node 1','example01.html'); //这一句在树的根节点下面添加了一个子节点。（d.add()方法的参数具体含义可参见api.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>
add:添加节点信息，具体参数如下
| Index | Name | Type | Discription |
| 1 | id | Number | 当前节点的ID |
| 2 | preId | Number | 当前节点的父节点ID,根节点的值为 -1 |
| 3 | name | String | 当前节点要显示的文字 |
| 4 | url | String | 点击当前节点跳转到的URL |
| 5 | title | String | 鼠标移至该节点时节点显示的标题提示 |
| 6 | target | String | 节点链接所打开的目标frame |
| 7 | icon | String | 节点显示的图标，无设置则使用默认图标 |
| 8 | iconOpen | String | 打开该节点后显示的图标，无设置则使用默认图标 |
| 9 | open | Boolean | 指定当前节点是否打开 |
