51,407
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
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>
<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
- 打赏
- 举报
有会做的吗？
