dtree是一个由JavaScript编写成的简单的树形菜单组件，目前免费并且开源。
目前有很多的树形菜单组件(比如ext)，dtree是一种简单易懂的js组件，不需要复杂的操作即可生产，同时支持动态从数据库引入数据。
创建dtree
1)从官网上下载dtree的源文件压缩包“dtree.zip”，包内包含以下几个文件：
img文件夹： 包含树形菜单显示需要的图标
api.html ： 作者写的dtree帮助文档
dtree.css： 树形菜单的样式
dtree.js ： js核心文件，代码都在其中
example01.html：树形菜单实例
2)将压缩包内的文件拷贝到项目webroot下(example01.html可以不拷贝)
3)新建一个web文件(*.html、*.jsp...都可以)，首先引入css和js文件：
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
然后在<body>里创建一个div层，指定class为“dtree”，此时该层就引用了dtree的样式
<div class="dtree">
<script type="text/javascript">
tree = new dTree('tree');
......
</script>
</div>
注：具体代码可以参照example01.html
4)最后保存执行即可看到一个树形菜单。
常用方法和配置
add(parameters)：添加一个树节点，实际参数有9个add(id,pid,name,url,title,target,icon,iconOpen,open);
注：dtree.js文件中约87－113行是一些默认图片的路径，可以自己配置图片和路径。
id 指定需要打开的节点的唯一id
select 是否让该节点处于选中状态
openAll()
打开全部节点，可在树对象创建前或创建后调用closeAll()
关闭全部节点，可在树对象创建前或创建后调用
openTo(id,select)
打开指定id的节点，可以传两个参数：id 指定需要打开的节点的唯一id
select 是否让该节点处于选中状态
web前端：引用@学明：形象比喻：我是一个建筑师，我可以把一张设计图变成一栋房子，我可以把一张网页设计图幻化成一张网页，用HTML做砖瓦，用CSS做油漆和墙纸把房子装修得漂漂亮亮，我还用JS把房子的门变成了自动门，在里头一个点击就可以打开空调，打开电视机，我设定了一些参数好让我每天回到家的时候，家里该运作的电器就都运作了，和设计图一模一样。我的房子不仅仅在IE上完美无暇的，在其他浏览器也是稳如泰山。
