1,451
社区成员
发帖
与我相关
我的任务
分享树型菜单的制作
我好像看过该站点曾有介绍过这个问题。但搜索并没有找到相关的材料。
树型菜单即是在框架结构的左边有下拉层（如同该站的一样）。谢谢！
树型菜单即是在框架结构的左边有下拉层（如同该站的一样）。谢谢！
...全文
请发表友善的回复…
发表回复
dahan2005 2004-04-08
- 打赏
- 举报
楼顶的已经回答！
顶！
顶！
thrillers 2004-04-08
- 打赏
- 举报
http://www.asace.net/club/Announce/Announce.asp?BoardID=219&ID=359&p=1&Upflag=1&q=1&r=10
wanghr100 2004-04-08
- 打赏
- 举报
这树都很经典,可以学习学习.
moonpiazza
http://61.163.246.155/pro/XMLSelTree/
http://61.163.246.155/pro/XMLSelTree.rar
liuruhong(蓝色街灯)
http://blog.heiyou.com/d/newtree.zip
moonpiazza
http://61.163.246.155/pro/XMLSelTree/
http://61.163.246.155/pro/XMLSelTree.rar
liuruhong(蓝色街灯)
http://blog.heiyou.com/d/newtree.zip
roclll 2004-04-08
- 打赏
- 举报
网上有好多现成的例子，可以找找！
molixian 2004-04-07
- 打赏
- 举报
jidechen(残影剑），你好！
我刚才试了一下，只需将<li id="foldheader">社区一，改成:
<img src=../images/close.gif id="foldheader">社区一,就行了。
但又出现了另一个问题是：
单击后如何将close.gif图片，改为open.gif图片（此时下拉菜单打开），再单击一下（此是下拉菜单关闭时）又将open.gif图片又改为close.gif图片呢？
谢谢！
我刚才试了一下，只需将<li id="foldheader">社区一，改成:
<img src=../images/close.gif id="foldheader">社区一,就行了。
但又出现了另一个问题是：
单击后如何将close.gif图片，改为open.gif图片（此时下拉菜单打开），再单击一下（此是下拉菜单关闭时）又将open.gif图片又改为close.gif图片呢？
谢谢！
molixian 2004-04-07
- 打赏
- 举报
我已能在子菜单下加入了图片，但：
1、不知如何在“社区一”前面加入图片？。
2、代码中有一段文字是“以下可以改为你的图标”，我还没理解，可否解释一下？
1、不知如何在“社区一”前面加入图片？。
2、代码中有一段文字是“以下可以改为你的图标”，我还没理解，可否解释一下？
sq老张 2004-04-05
- 打赏
- 举报
可以的
Bilybily 2004-04-05
- 打赏
- 举报
这种例子网上很多
dreamerlee 2004-04-04
- 打赏
- 举报
不是框架也能用吗？？
jidechen 2004-03-26
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table width="253" border="0" cellpadding="0" cellspacing="0" class="font12">
<tr>
<td align="center" valign="bottom">
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url('')}
#foldinglist{list-style-image:url('')}
//-->
</style> <script language="JavaScript1.2">
<!--
//以下可以改为你的图标
var head="display:''"
img1=new Image()
img1.src="../../images/plus.gif"
img2=new Image()
img2.src="../../images/plus.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>
</td>
</tr>
<tr>
<td align="left" valign="top">
<ul>
<li id="foldheader">社区一
<ul id="foldinglist" style="display:none">
<li><a href="#">办事指南</a></li>
<li><a href="#">便民服务</a></li>
<li><a href="#" target="mainFrame">社保福利</a></li>
<li><a href="#" target="mainFrame">文化娱乐</a></li>
<li><a href="#">户籍管理</a></li>
</ul>
</li>
<li id="foldheader">社区二
<ul id="foldinglist" style="display:none">
<li><a href="#" target="mainFrame">办事指南</a></li>
<li><a href="#" target="mainFrame">便民服务</a></li>
<li><a href="#" target="mainFrame">社保福利</a></li>
<li><a href="#" target="mainFrame">文化娱乐</a></li>
<li><a href="#">户籍管理</a></li>
</ul>
</li>
</ul>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table width="253" border="0" cellpadding="0" cellspacing="0" class="font12">
<tr>
<td align="center" valign="bottom">
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url('')}
#foldinglist{list-style-image:url('')}
//-->
</style> <script language="JavaScript1.2">
<!--
//以下可以改为你的图标
var head="display:''"
img1=new Image()
img1.src="../../images/plus.gif"
img2=new Image()
img2.src="../../images/plus.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>
</td>
</tr>
<tr>
<td align="left" valign="top">
<ul>
<li id="foldheader">社区一
<ul id="foldinglist" style="display:none">
<li><a href="#">办事指南</a></li>
<li><a href="#">便民服务</a></li>
<li><a href="#" target="mainFrame">社保福利</a></li>
<li><a href="#" target="mainFrame">文化娱乐</a></li>
<li><a href="#">户籍管理</a></li>
</ul>
</li>
<li id="foldheader">社区二
<ul id="foldinglist" style="display:none">
<li><a href="#" target="mainFrame">办事指南</a></li>
<li><a href="#" target="mainFrame">便民服务</a></li>
<li><a href="#" target="mainFrame">社保福利</a></li>
<li><a href="#" target="mainFrame">文化娱乐</a></li>
<li><a href="#">户籍管理</a></li>
</ul>
</li>
</ul>
</table>
</body>
</html>
