javascript 目录树.docVIP

1.简单目录树的实现?? 利用 div.style.display=none block实现。?? 参考/viewthread.php?tid=79791 stylespan {cursor:pointer;}.T2 {padding-left:20px;}/stylescript language=javascript type=text/javascriptfunction hidden(j){var URL=/effect/images/treemenu/;for(var i=0;i=3;i++){if(i==j){document.getElementById(A+i).src=document.getElementById(A+i).src==URL+closed1.gif?URL+opened1.gif:URL+closed1.gif;document.getElementById(T+i).style.display=document.getElementById(T+i).style.display==none?block:none;}}}/scriptdivimg src=/effect/images/treemenu/closed1.gif onClick=hidden(0); id=A0 无忧脚本1/divdiv id=T0 style=display:nonediv class=T2第一项1/divdiv class=T2第一项1/divdiv class=T2第二项1/divdiv class=T2第三项1/divdiv class=T2第四项1/divdiv class=T2第五项1/div/divdivimg src=/effect/images/treemenu/closed1.gif onClick=hidden(1); id=A1 无忧脚本2/divdiv id=T1 style=display:nonediv class=T2第一项2/divdiv class=T2第一项2/divdiv class=T2第二项2/divdiv class=T2第三项2/divdiv class=T2第四项2/divdiv class=T2第五项2/div/divdivimg src=/effect/images/treemenu/closed1.gif onClick=hidden(3); id=A3 无忧脚本3/divdiv id=T3 style=display:nonediv class=T2第一项3/divdiv class=T2第一项3/divdiv class=T2第二项3/divdiv class=T2第三项3/divdiv class=T2第四项3/divdiv class=T2第五项3/divdiv class=T2a href=百度/a/div/div 2.高级目录树 ?? 参考/javascripts/tree/?? SVN地址：svn:///js_tree?????? 1.example.html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html headtitleDestroydrop raquo; Javascripts raquo; Tree/title link rel=StyleSheet href=dtree.css type=text/css /script type=text/javascript src=dtree.js/script /head body h1a href=/Destroydrop/a raquo; a href=/javascripts/Javascripts/a raquo; a href=/javascripts/tree/Tree/a/h1 h2Example/h2 div class=dtree pa href=javascript: d.openAll();open all/a | a href=javascript: d.closeAll();close all/a/p 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(