求教csdn的目录树是怎么做的?

oraclesybasedb2 2003-08-22 11:38:52
csdn论坛左边的目录树是怎么做的?
...全文
70 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
oraclesybasedb2 2003-08-29
  • 打赏
  • 举报
回复
摆脱你试试左边的树
NewStarter 2003-08-22
  • 打赏
  • 举报
回复
用javascript
VVV_lucky 2003-08-22
  • 打赏
  • 举报
回复
这个就可以实现。

<html>
<head>
<title>
Tree
</title>

<style>
<!--
#foldheader{cursor:hand; font-weight:bold; list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>

<script language="JavaScript1.2">
<!--
var head="display:''";
img1=new Image();
img1.src="fold.gif";
img2=new Image();
img2.src="open.gif";

function change() {
if(!document.all) return;
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex;
var nested = document.all[srcIndex+1];
if (nested.style.display=="none") {
nested.style.display='';
event.srcElement.style.listStyleImage="url(open.gif)";
}
else {
nested.style.display="none";
event.srcElement.style.listStyleImage="url(fold.gif)";
}
}
}

document.onclick=change
//-->
</script>

</head>

<body>
<ul>
<li id="foldheader">News</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="news/a.htm" target="fraContent1">a</a></li>
<li><a href="news/a1.htm" target="fraContent1">a1</a></li>
<li><a href="news/a2.htm" target="fraContent1">a2</a></li>
</ul>

<li id="foldheader">Games</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="games/a.htm" target="fraContent1">g</a></li>
<li><a href="games/a1.htm" target="fraContent1">g1</a></li>
<li><a href="games/a2.htm" target="fraContent1">g2</a></li>
</ul>

<li id="foldheader">Software</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="softwares/a.htm" target="fraContent1">outer 1</a></li>
<li><a href="softwares/a.htm" target="fraContent1">outer 2</a></li>
<li id="foldheader">Nested</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="softwares/a.htm" target="fraContent1">nested 1</a></li>
<li><a href="softwares/a.htm" target="fraContent1">nested 2</a></li>
</ul>
<li><a href="softwares/a.htm" target="fraContent1">outer 3</a></li>
<li><a href="softwares/a.htm" target="fraContent1">outer 4</a></li>
</ul>
</ul>

</body>
</html>
zhaolin81 2003-08-22
  • 打赏
  • 举报
回复
自己看代码
oraclesybasedb2 2003-08-22
  • 打赏
  • 举报
回复
有会做的吗?

50,503

社区成员

发帖
与我相关
我的任务
社区描述
Java相关技术讨论
javaspring bootspring cloud 技术论坛(原bbs)
社区管理员
  • Java相关社区
  • 小虚竹
  • 谙忆
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧