<!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="/csssite/uploadfile/200806/23/F82378345.gif" onclick="javascript:ChangeStatus(this);"><a href="#">根节点</a>
<ul>
<li class="Opened"><img class=s src="/csssite/uploadfile/200806/23/F82378345.gif" onclick="javascript:ChangeStatus(this);"><a href="#">我的文档</a>
<ul>
<li class="Opened"><img class=s src="/csssite/uploadfile/200806/23/F82378345.gif" onclick="javascript:ChangeStatus(this);"><a href="#">JavaScript</a>
<ul>
<li class="Child"><img class=s src="/csssite/uploadfile/200806/23/F82378345.gif"><a href="#">常用小技巧</a></li>
<li class="Child"><img class=s src="/csssite/uploadfile/200806/23/F82378345.gif"><a href="#">围绕鼠标的文字</a></li>
<li class="Child"><img class=s src="/csssite/uploadfile/200806/23/F82378345.gif"><a href="#">OWC图表</a></li>
<li class="Child"><img class=s src="/csssite/uploadfile/200806/23/F82378345.gif"><a href="#">锁定表列</a></li>
<li class="Child"><img class=s src="/csssite/uploadfile/200806/23/F82378345.gif"><a href="#">B/S常用技巧</a></li>
<li class="Child"><img class=s src="/csssite/uploadfile/200806/23/F82378345.gif"><a href="#">操作xml</a></li>
<li class="Child"><img class=s src="/csssite/uploadfile/200806/23/F82378345.gif"><a href="#">生成guid</a></li>
</ul></li>
</ul>
</div>
</body>
</html> 演示地址 代码下载 | 