dtree组件

dtree介绍

tree是一个由JavaScript编写成的简单的树形菜单组件，目前免费并且开源。

下载dtree
我们可以直接到官网下载到dtree的压缩包
官网链接：http://www.destroydrop.com/javascripts/tree/

使用dtree

• 在你所要使用dtree的项目中引入dtree.css和dtree.js以及一些要使用的图片。
• 如果你要更改树形结构，只需将下载的案例修改以下即可。
• 如需增加树节点，只需使用add方法即可，该方法的参数：（param1:当前节点id、param2:父节点id、param3:节点上的文字描述、param4:跳转路径、param5:提示信息、param6:指定在哪个区域显示param4的文件）

<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>

效果图