1、网上下载:ttp://www.destroydrop.com/javascripts/tree/dtree.zip
2、dtree使用:
<link rel="StyleSheet" href="${pageContext.request.contextPath}/css/dtree.css" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/dtree.js"></script>
<script type="text/javascript">
//一共6个参数d.add(3,1,'Node 1.1','example01.html','','显示块的name值');
//第一个代表就是着一个标签的序号(也可以说名字),
//第二个参数代表的是这个标签的上一层是哪一个
//第三个参数代表的是显示的内容
//第四个参数表示要跳转页面
//第五个不知道(用' ')
//第六个代表的是这个页面在那一块显示(framaset的那一块写上name属性的名字就行)
d = new dTree('d');
d.add(0, -1, '系统菜单书');//-1就是根节点
d.add(1, 0, '分类管理');
d.add(2, 0, '商品管理');
d.add(3, 2, '商品显示', '${pageContext.request.contextPath}/showAllProduct','','mainFrame');
document.write(d);
</script>
结果如下: