CSDN论坛里左边的树形目录是怎么做的

ikaoni 2009-12-08 08:14:25

如题，我想做一个这样的树形目录

谢谢

...全文

159 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

yang677888 2009-12-08

打赏
举报

给邮箱，我发一个简单例子给你，自己做的

番茄配黄瓜 2009-12-08

打赏
举报

js tree
http://jstree.com/
看下这个可能有帮助

pxz123 2009-12-08

打赏
举报

你可以使用Ext来做

appleqwfyhw 2009-12-08

打赏
举报

梅花雪 2.0 和csnd一摸一样
动态加载的节点超过1000了 IE不会提示警告性能很好
http://www.songlecn.com/wp-content/files/MzTreeView20.rar

huangqibing0626 2009-12-08

打赏
举报

vb520530 2009-12-08

打赏
举报

e...............

叶涛网站推广优化 2009-12-08

打赏
举报

楼上挺强大

zealVampire 2009-12-08

打赏
举报

JS打出来的，你用firefox之类的追代码比较方便

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>CSDN论坛导航树</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
/*<![CDATA[*/
*{margin:0;padding:0;font:normal 12px/20px Tahoma,sans-serif;}
body{background:#F6F9FD;padding:0 0 0 5px;}
input{font:normal 12px verdana,sans-serif;padding:2px 3px;margin:0 0 1px;border:1px solid #CCC;width:194px;color:#CCC;}
img{vertical-align:middle;}
td{white-space:nowrap;overflow:hidden;float:left;}
.hot_search{color:#FF0000;}
.icon{background:url(/ui/scripts/System/_resource/MzTreeView/file.gif) no-repeat;width:16px;height:16px;cursor:pointer;}
.folder{background:url(/ui/scripts/System/_resource/MzTreeView/folder.gif) no-repeat;width:16px;height:16px;cursor:pointer;}
.folderopen{background:url(/ui/scripts/System/_resource/MzTreeView/folderopen.gif) no-repeat;width:16px;height:16px;cursor:pointer;}
.space{background:url(/ui/scripts/System/_resource/MzTreeView/_line5.gif) no-repeat;width:18px;height:20px;cursor:default;}
.line1{background:url(/ui/scripts/System/_resource/MzTreeView/_line1.gif) no-repeat;width:18px;height:20px;cursor:default;}
.line2{background:url(/ui/scripts/System/_resource/MzTreeView/_line2.gif) no-repeat;width:18px;height:20px;cursor:default;}
.line4{background:url(/ui/scripts/System/_resource/MzTreeView/_line4.gif) no-repeat;width:18px;height:20px;cursor:default;}

.minus1{background:url(/ui/scripts/System/_resource/MzTreeView/_minus1.gif) no-repeat;width:18px;height:20px;cursor:pointer;}
.minus2{background:url(/ui/scripts/System/_resource/MzTreeView/_minus2.gif) no-repeat;width:18px;height:20px;cursor:pointer;}
.plus1{background:url(/ui/scripts/System/_resource/MzTreeView/_plus1.gif) no-repeat;width:18px;height:20px;cursor:pointer;}
.plus2{background:url(/ui/scripts/System/_resource/MzTreeView/_plus2.gif) no-repeat;width:18px;height:20px;cursor:pointer;}

input:hover,input:focus{background:#ECF6FC;}
a{text-decoration:none;padding:2px 3px;color:#000060;}
a:hover{background:#B0D4ED;text-decoration:none;color:#FFF;}
.linkfocus{background:#FFC;color:#000060;}
.search_sty{background:#FFF;padding:3px 0 5px 0;border:1px solid #000;width:200px;}
.loading{background:url(/ui/styles/default/images/loading.gif) no-repeat;width:16px;height:16px;}

.item{height:20px;}
div span.text{}
div span.notice{color:#D2D2D2}
div span.functionbtn{color:#999}
div span.functionbtn a{margin:0 0 0 6px;text-decoration:underline;color:#999;background:none;}
div span.functionbtn a:hover{text-decoration:none;color:#C30;background:none;}
div span.bookmark a{margin:0 0 0 6px;text-decoration:none;color:#ffb66b;background:none;}

.regard a{color:#993300;font-weight:bold;}
.star_showpic{background:url(/ui/styles/default/images/star_favpic.png) right no-repeat;height:20px;}
* html .star_showpic{background:url(/ui/styles/default/images/star_favpic.gif) right no-repeat;height:20px;}
/*]]>*/
</style>

</head>
<body>
<input id="input_content" type="hidden" />
<script type="text/javascript" src="/ui/scripts/CsdnContent.js?version=2009111901"></script>

<script type="text/javascript">
var isGuest = false;
var username = "zealVampire";
var content = new CsdnContent("CSDN论坛", "CSDN论坛", "../WebNavigation/StaticContents/main.js", "js", false, true, "ContentFrame", isGuest);
document.getElementById("input_content").content = content;
</script>
</body>
</html>