CNL Tree Menu 无限级CSS树形菜单下载
演示地址：
（1）http://www.cnlei.org/mycode/csstreemenu/index.html
（2）http://cnlei.iecn.net/mycode/csstreemenu/index.html
下载链接：
（1）http://www.cnlei.org/mycode/csstreemenu/csstreemenu.rar
（2）http://cnlei.iecn.net/mycode/csstreemenu/csstreemenu.rar
在第一次写的基础上改进成了无限级了，并取名为：CNL Tree Menu 1.02
1."CNL Tree Menu"为无限级树形，兼容以下版本的浏览器：IE5.0+, FF1.06+, Opera8.5+ ……
2.HTML,CSS,JavaScript代码相互分离(即数据，风格，脚本三者分离)，可应用于多种场合，易于维护修改；更换树形图标，只需要修改CSS文件.
3.通过W3C校验(XHtml1-Strict,CSS1.0).
演示地址：
（1）作者网站：http://www.cnlei.org/mycode/CNLTreeMenu/Ver1.0.2/index.html
（2）中国asp之家：http://www.aspxhome.com/.../CNLTreeMenuVer1.0.2.html
下载链接：
（1）http://www.cnlei.org/mycode/CNLTreeMenu/CNLTreeMenuVer1.0.2.rar
（2）中国asp之家下载点：CNLTreeMenuVer1.0.2无限级CSS树形菜单.rar
中国asp之家为您整理的相关问题解答：
1.可以个別修改folder open or close?
答：可以。
如果想在页面一打开时就展开某级目录，只要将与之对应的li标记加上class="Opened"就可以了。例如：
初始全部折叠：MyCNLTreeMenu3.SetNodes(1);
<li class="Opened"><a href="#1">技术区</a>。。。。
同理可设置折叠状态
2.可以个別修改node的target,可加上radio button 及checkbox吗?
答：
1)target在链接标记a中指定就可
2)radio button 及checkbox等等(非li标记)可自由添加：
例如：
<li class="Child"><input type="radio" name="IECN" /><a href="#">JavaScript</a></li><!--Child Node-->
<li class="Child"><input type="checkbox" name="IECN" /><a href="#"><strong>HTML/XHTML/CSS</strong></a></li>
<li class="Child"><input type="checkbox" name="IECN" /><a href="#">Ajax</a></li>
<li class="Child"><input type="checkbox" name="IECN" /><a href="#">网页制作工具</a></li>
<li class="Child"><input type="checkbox" name="IECN" /><a href="#">设计/图形</a></li>
<li class="Child"><input type="checkbox" name="IECN" /><a href="#">Flash/多媒体</a></li>
<li class="Child"><input type="checkbox" name="IECN" /><a href="javascript:alert('这是链接中href引发的!');" onclick="alert('这是onclick引发的!');" style="color:#f00;">点击我看看</a></li>
</ul>
<style type="text/css">
#IecnColumn1 .Child img.s {width:10px;background:none;}
</style>
这行是在初始化Tree Menu在遍历的过程，动态在给某个node添加一张空图片用于显示树形图标。这里只是简单的判断了下该node的className是否为叶结点，再赋给相应的代码。
对于特例node，需要在html代码中为其定义一个id，再修改相应的css属性(主要是包含写法)，这就需要对CSS掌握得比较好。
当然，如果整棵树中，特例结点比较多的话，且数据量比较用JS来遍历判断再插入相应的innerHTML或为其添加相应的事件，都会影响效率;还不如直接将动态插入的代码直接写在HTML文件中。
请稍等，评论加载中...