dTree使用

dTree使用

在官网上下载文件http://www.destroydrop.com/javascripts/tree/dtree.zip

引入dtree.css、dtree.js

<link rel="StyleSheet" href="dtree.css" type="text/css" /> <script type="text/javascript" src="dtree.js"></script>

添加javascript

<script type="text/javascript">          d = new dTree('d');//新建dTree对象     d.add(参数1 ,…. );添加节点          //第一个参数：当前节点id          //第二个参数：父节点id          //第三个参数：节点上的文字描述          //第四个参数：跳转路径          //第五个参数：提示信息          //第六个参数：发生变化的frame的name属性值          document.write(d);//生成节点 </script>

相关js函数

<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>

将dTree树中的所有节点打开、关闭