树形结构

<!--CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt--> 

 

CNL Tree Menu1
全部展开全部折叠

Zzsky.Cn 
技术区 
网页技术 
JavaScript
<!--Child Node--> 
HTML/XHTML/CSS
Ajax
网页制作工具
设计/图形
Flash/多媒体
VML/Web3D
<!--Sub Node 3--> 
Web编程 
Java
<!--Child Node--> 
.Net
ASP/VBScript
PHP
Perl/Python
Web综合/开源
<!--Sub Node 3--> 
数据库 
Access/SQLServer
<!--Child Node--> 
MySQL/PostgreSQL
Oracle/DB2/Sybase
<!--Sub Node 3--> 
服务器 
Windows/IIS
<!--Child Node--> 
Unix/Linux/Apache
应用服务器
<!--Sub Node 3--> 
<!--Sub Node 2--> 
二级目录 
三级目录 
四级目录 
五级目录 
...... 
第n级目录 
叶结点1
<!--Child Node--> 
叶结点2
叶结点3
<!--Sub Node n --> 
<!--Sub Node 6 --> 
<!--Sub Node 5 --> 
<!--Sub Node 4--> 
<!--Sub Node 3--> 
<!--Sub Node 2--> 
二级目录 
三级目录 
四级目录 
五级目录 
...... 
第n级目录 
叶结点1
<!--Child Node--> 
叶结点2
叶结点3
<!--Sub Node n --> 
<!--Sub Node 6 --> 
<!--Sub Node 5 --> 
<!--Sub Node 4--> 
<!--Sub Node 3--> 
<!--Sub Node 2--> 
<!--Sub Node 1 --> 
<!-- CNLTreeMenu --><!--CNLTreeMenu1 End!--><!--CNLTreeMenu2 Start:--> 

CNL Tree Menu2
全部展开全部折叠

Zzsky.Cn 
技术区 
网页技术 
JavaScript
<!--Child Node--> 
HTML/XHTML/CSS
Ajax
网页制作工具
设计/图形
Flash/多媒体
VML/Web3D
<!--Sub Node 3--> 
Web编程 
Java
<!--Child Node--> 
.Net
ASP/VBScript
PHP
Perl/Python
Web综合/开源
<!--Sub Node 3--> 
数据库 
Access/SQLServer
<!--Child Node--> 
MySQL/PostgreSQL
Oracle/DB2/Sybase
<!--Sub Node 3--> 
服务器 
Windows/IIS
<!--Child Node--> 
Unix/Linux/Apache
应用服务器
<!--Sub Node 3--> 
<!--Sub Node 2--> 
二级目录 
三级目录 
四级目录 
五级目录 
...... 
第n级目录 
叶结点1
<!--Child Node--> 
叶结点2
叶结点3
<!--Sub Node n --> 
<!--Sub Node 6 --> 
<!--Sub Node 5 --> 
<!--Sub Node 4--> 
<!--Sub Node 3--> 
<!--Sub Node 2--> 
二级目录 
三级目录 
四级目录 
五级目录 
...... 
第n级目录 
叶结点1
<!--Child Node--> 
叶结点2
叶结点3
<!--Sub Node n --> 
<!--Sub Node 6 --> 
<!--Sub Node 5 --> 
<!--Sub Node 4--> 
<!--Sub Node 3--> 
<!--Sub Node 2--> 
<!--Sub Node 1 --> 
<!-- CNLTreeMenu --><!--CNLTreeMenu2 End--><!--CNLTreeMenu3 Start:--> 

CNL Tree Menu3
全部展开全部折叠

Zzsky.Cn 
技术区 
网页技术 
JavaScript
<!--Child Node--> 
HTML/XHTML/CSS
Ajax
网页制作工具
设计/图形
Flash/多媒体
VML/Web3D
<!--Sub Node 3--> 
Web编程 
Java
<!--Child Node--> 
.Net
ASP/VBScript
PHP
Perl/Python
Web综合/开源
<!--Sub Node 3--> 
数据库 
Access/SQLServer
<!--Child Node--> 
MySQL/PostgreSQL
Oracle/DB2/Sybase
<!--Sub Node 3--> 
服务器 
Windows/IIS
<!--Child Node--> 
Unix/Linux/Apache
应用服务器
<!--Sub Node 3--> 
<!--Sub Node 2--> 
二级目录 
三级目录 
四级目录 
五级目录 
...... 
第n级目录 
叶结点1
<!--Child Node--> 
叶结点2
叶结点3
<!--Sub Node n --> 
<!--Sub Node 6 --> 
<!--Sub Node 5 --> 
<!--Sub Node 4--> 
<!--Sub Node 3--> 
<!--Sub Node 2--> 
二级目录 
三级目录 
四级目录 
五级目录 
...... 
第n级目录 
叶结点1
<!--Child Node--> 
叶结点2
叶结点3
<!--Sub Node n --> 
<!--Sub Node 6 --> 
<!--Sub Node 5 --> 
<!--Sub Node 4--> 
<!--Sub Node 3--> 
<!--Sub Node 2--> 
<!--Sub Node 1 --> 
<script type="text/javascript"><!-- function Ob(o){ var o=document.getElementById(o)?document.getElementById(o):o; return o; } function Hd(o) { Ob(o).style.display="none"; } function Sw(o) { Ob(o).style.display=""; } function ExCls(o,a,b,n){ var o=Ob(o); for(i=0;i<n;i++) {o=o.parentNode;} o.className=o.className==a?b:a; } function CNLTreeMenu(id,TagName0) { this.id=id; this.TagName0=TagName0==""?"li":TagName0; this.AllNodes = Ob(this.id).getElementsByTagName(TagName0); this.InitCss = function (ClassName0,ClassName1,ClassName2,ImgUrl) { this.ClassName0=ClassName0; this.ClassName1=ClassName1; this.ClassName2=ClassName2; this.ImgUrl=ImgUrl || "http://www.zzsky.cn/effect/images/treemenu/s.gif"; this.ImgBlankA ="<img src="\" mce_src="/admin/blogs/\"""+this.ImgUrl+"\" class=\"s\" onclick=\"ExCls(this,'"+ClassName0+"','"+ClassName1+"',1);\" alt=\"展开/折叠\" />"; this.ImgBlankB ="<img src="\" mce_src="/admin/blogs/\"""+this.ImgUrl+"\" class=\"s\" />"; for (i=0;i<this.AllNodes.length;i++ ) { this.AllNodes[i].className==""?this.AllNodes[i].className=ClassName1:""; this.AllNodes[i].innerHTML=(this.AllNodes[i].className==ClassName2?this.ImgBlankB:this.ImgBlankA)+this.AllNodes[i].innerHTML; } } this.SetNodes = function (n) { var sClsName=n==0?this.ClassName0:this.ClassName1; for (i=0;i<this.AllNodes.length;i++ ) { this.AllNodes[i].className==this.ClassName2?"":this.AllNodes[i].className=sClsName; } } } var MyCNLTreeMenu1=new CNLTreeMenu("CNLTreeMenu1","li"); MyCNLTreeMenu1.InitCss("Opened","Closed","Child","http://www.zzsky.cn/effect/images/treemenu/s.gif"); var MyCNLTreeMenu2=new CNLTreeMenu("CNLTreeMenu2","li"); MyCNLTreeMenu2.InitCss("Opened","Closed","Child","http://www.zzsky.cn/effect/images/treemenu/s.gif"); var MyCNLTreeMenu3=new CNLTreeMenu("CNLTreeMenu3","li"); MyCNLTreeMenu3.InitCss("Opened","Closed","Child","http://www.zzsky.cn/effect/images/treemenu/s.gif"); -->// --&gt;</script>