JSP网页中中那种目录树是怎么实现的？

JavaScript09

JSP网页中中那种目录树是怎么实现的？,第1张

用dtree很方便，我最近也是做这种目录树

JS创建

var tree = new dTree('tree')

tree.add(10,0,'空间信息管理','goto(10)','','_c')

tree.add(11,10,'翠苑1区','goto(2)','单击查看该群组的信息','k')

tree.add(12,10,'翠苑2区','goto(2)','单击查看该群组的信息','FRAME_LIST')

tree.add(13,12,'第1栋','goto(3)','单击查看该群组的信息','FRAME_LIST')

tree.add(19,13,'第1单元','goto(3)','单击查看该群组的信息','FRAME_LIST')

tree.add(14,19,'第1层','goto(3)','单击查看该群组的信息','FRAME_LIST')

tree.add(15,14,'1号房','goto(1)','单击查看该群组的信息','FRAME_LIST')

tree.add(17,11,'第1栋','goto(3)','单击查看该群组的信息','FRAME_LIST')

tree.add(18,11,'第2栋','goto(3)','单击查看该群组的信息','FRAME_LIST')

tree.add(20,17,'第1单元','goto(3)','单击查看该群组的信息','FRAME_LIST')

tree.add(21,17,'第2单元','goto(3)','单击查看该群组的信息','FRAME_LIST')

tree.add(22,18,'第1单元','goto(3)','单击查看该群组的信息','FRAME_LIST')

tree.add(23,18,'第2单元','goto(3)','单击查看该群组的信息','FRAME_LIST')

tree.add(16,10,'嘉绿名苑','goto(2)','单击查看该群组的信息','FRAME_LIST')

然后在需要的位置这样调用<script type="text/javascript">document.write(tree)</script>

给你的UL设置一个ID 比如 subtree，在css里面设置 #subtree{display:none} 然后在menu里面添加 onmouseover 或者 onclick 事件 建立相应函数 包含主要内容subtree.style.display=""为了兼容多个浏览器你还需要建立稍微详细点的代码，思想给你了，可以自由发挥。