<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="ProgId" content="VisualStudio.HTML">
<meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
<link type="text/css" href="css/tree.css" rel="stylesheet">
<script language=jscript>
function ChangeStatus(o)
{
if (o.parentNode)
{
if (o.parentNode.className == "Opened")
{
o.parentNode.className = "Closed";
}
else
{
o.parentNode.className = "Opened";
}
}
}
</script>
</head>
<body>
<div class="TreeMenu" id="CategoryTree">
<h4>CSS树形菜单</h4>
<ul>
<li class="Opened"><img class=s src="css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#" onclick="javascript:ChangeStatus(this);">根节点</a>
<ul>
<li class="Closed"><img class=s src="css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#" onclick="javascript:ChangeStatus(this);">学习</a>
<ul>
<li class="Closed"><img class=s src="css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#" onclick="javascript:ChangeStatus(this);">编程</a></li>
<ul>
<li class="Child"><img class=s src="css/s.gif"><a href="http://www.csdn.net" target="mainFrame">csdn</a></li>
</ul>
</ul>
<ul>
<li class="Closed"><img class=s src="css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#" onclick="javascript:ChangeStatus(this);">网络</a></li>
<ul>
<li class="Child"><img class=s src="css/s.gif"><a href="http://www.csdn.net" target="mainFrame">csdn</a></li>
</ul>
</ul>
<ul>
<li class="Closed"><img class=s src="css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#" onclick="javascript:ChangeStatus(this);">网站制作</a></li>
<ul>
<li class="Child"><img class=s src="css/s.gif"><a href="http://www.csdn.net" target="mainFrame">csdn</a></li>
</ul>
</ul>
<li class="Closed"><img class=s src="css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#" onclick="javascript:ChangeStatus(this);">娱乐</a>
<ul>
<li class="Child"><img class=s src="css/s.gif"><a href="http://www.163.com" target="mainFrame">网易</a></li>
<li class="Child"><img class=s src="css/s.gif"><a href="http://www.sina.com" target="mainFrame">新浪</a></li>
<li class="Child"><img class=s src="css/s.gif"><a href="http://www.sohu.com" target="mainFrame">搜狐</a></li>
<li class="Child"><img class=s src="css/s.gif"><a href="http://www.maopu.com" target="mainFrame">猫扑</a></li>
</ul>
<li class="Closed"><img class=s src="css/s.gif" onclick="javascript:ChangeStatus(this);"><a href="#" onclick="javascript:ChangeStatus(this);">新闻</a>
<ul>
<li class="Child"><img class=s src="css/s.gif"><a href="http://www.cctv.com" target="mainFrame">中央电视台</a></li>
</ul></li>
</ul>
</div>
</body>
</html>
css的树形菜单可以自动展开
需积分: 12 159 浏览量
2008-09-26
08:41:46
上传
评论
收藏 3KB RAR 举报
css的树形菜单.rar （8个子文件） 
css的树形菜单 css 
tree.css 1KB img 
child.gif 114B opened.gif 195B closed.gif 183B s.gif 43B tree.htm 3KB main.htm 255B index.htm 468B资源评论
