DIV+CSS+JS树形菜单,可以刷新不改变菜单
2006-11-13 22:12
676 查看
<script type="text/javascript"><!--
google_ad_client = "pub-4490194096475053";
/* 内容页,300x250,第一屏 */
google_ad_slot = "3685991503";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<html xmlns="http://www.w3.org/1999/xhtml">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<head>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<title>Div+CSS+JS树型菜单,可刷新</title>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<meta name="description" content="http://www.NETAny.net">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
<style type="text/css">...
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
<!--
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
*{...}{margin:0;padding:0;border:0;}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
body {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
font-family: arial, 宋体, serif;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
font-size:12px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
width:180px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
line-height: 24px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
list-style-type: none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
text-align:left;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*定义整个ul菜单的行高和背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*==================一级目录===================*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav a {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
width: 160px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
display: block;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
padding-left:20px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*Width(一定要),否则下面的Li会变形*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
background:#CCC; /**//*一级目录的背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
border-bottom:#FFF 1px solid; /**//*下面的一条白边*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
float:left;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*float:left,本不应该设置,但由于在Firefox不能正常显示
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
继承Nav的width,限制宽度,li自动向下延伸*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li a:hover{...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
background:#CC0000; /**//*一级目录onMouseOver显示的背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav a:link {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#666; text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav a:visited {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#666;text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav a:hover {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#FFF;text-decoration:none;font-weight:bold;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*==================二级目录===================*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
list-style:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
text-align:left;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul li{...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
background: #EBEBEB; /**//*二级目录的背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul a{...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
padding-left:20px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
width:160px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//* padding-left二级目录中文字向右移动,但Width必须重新设置=(总宽度-padding-left)*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*下面是二级目录的链接样式*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul a:link {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#666; text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul a:visited {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#666;text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul a:hover {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#F3F3F3;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
font-weight:normal;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
background:#CC0000;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//* 二级onmouseover的字体颜色、背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*==============================*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li:hover ul {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
left: auto;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li.sfhover ul {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
left: auto;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#content {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
clear: left;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav ul.collapsed {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
display: none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
-->
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#PARENT{...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
width:300px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
padding-left:20px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</style>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</head>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<body>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<div id="PARENT">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="nav">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="ChildMenu1" class="collapsed">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="http://www.netany.net" target="_blank">www.netany.net</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="http://www.netany.net" target="_blank">www.netany.net</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="http://www.netany.net" target="_blank">www.netany.net</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帐务</a>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="ChildMenu2" class="collapsed">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<a href="http://www.netany.net" target="_blank">支付</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">网上支付</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">登记汇款</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">在线招领</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">历史帐务</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">网站管理</a>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="ChildMenu3" class="collapsed">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">登录</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<a href="http://www.netany.net" target="_blank">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">网站管理</a>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="ChildMenu4" class="collapsed">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">登录</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<a href="http://www.netany.net" target="_blank">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</div>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<div style="width:300;padding-left:30px;">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</br></br>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
工作需要搞了一个菜单,分享给大家,大家一齐学习
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</br></br>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<p>请大家支持:<a href="http://www.netany.net" target="_blank">http://www.netany.net</a></p>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</div>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</body>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</html>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
<script type=text/javascript>...<!--
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var LastLeftID = "";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
function menuFix() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var obj = document.getElementById("Nav").getElementsByTagName("li");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
for (var i=0; i<obj.length; i++) ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
obj[i].onmouseover=function() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
this.className+=(this.className.length>0? " ": "") + "sfhover";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
obj[i].onMouseDown=function() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
this.className+=(this.className.length>0? " ": "") + "sfhover";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
obj[i].onMouseUp=function() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
this.className+=(this.className.length>0? " ": "") + "sfhover";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
obj[i].onmouseout=function() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
this.className=this.className.replace(new RegExp("( ?|^)sfhover/b"), "");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
function DoMenu(emid)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var obj = document.getElementById(emid);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if(LastLeftID!="") //关闭上一个Menu
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.getElementById(LastLeftID).className = "collapsed";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
LastLeftID = emid
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
function GetMenuID()
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var MenuID="";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _paramStr = new String(window.location.href);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _sharpPos = _paramStr.indexOf("#");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
else
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
_paramStr = "";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramStr.length > 0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _paramArr = _paramStr.split("&");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramArr.length>0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _paramKeyVal = _paramArr[0].split("=");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramKeyVal.length>0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
MenuID = _paramKeyVal[1];
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramArr.length>0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _arr = new Array(_paramArr.length);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
//取所有#后面的,菜单只需用到Menu
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
//for (var i = 0; i < _paramArr.length; i++)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _paramKeyVal = _paramArr[i].split('=');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramKeyVal.length>0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
_arr[_paramKeyVal[0]] = _paramKeyVal[1];
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if(MenuID!="")
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
DoMenu(MenuID)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
GetMenuID(); //*这两个function的顺序要注意一下,不然在Firefox里GetMenuID()不起效果
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
menuFix();
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
--></script> http://www.corange.cn/archives/2008/03/546.html
google_ad_client = "pub-4490194096475053";
/* 内容页,300x250,第一屏 */
google_ad_slot = "3685991503";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<html xmlns="http://www.w3.org/1999/xhtml">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<head>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<title>Div+CSS+JS树型菜单,可刷新</title>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<meta name="description" content="http://www.NETAny.net">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
<style type="text/css">...
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
<!--
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
*{...}{margin:0;padding:0;border:0;}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
body {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
font-family: arial, 宋体, serif;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
font-size:12px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
width:180px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
line-height: 24px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
list-style-type: none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
text-align:left;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*定义整个ul菜单的行高和背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*==================一级目录===================*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav a {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
width: 160px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
display: block;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
padding-left:20px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*Width(一定要),否则下面的Li会变形*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
background:#CCC; /**//*一级目录的背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
border-bottom:#FFF 1px solid; /**//*下面的一条白边*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
float:left;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*float:left,本不应该设置,但由于在Firefox不能正常显示
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
继承Nav的width,限制宽度,li自动向下延伸*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li a:hover{...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
background:#CC0000; /**//*一级目录onMouseOver显示的背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav a:link {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#666; text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav a:visited {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#666;text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav a:hover {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#FFF;text-decoration:none;font-weight:bold;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*==================二级目录===================*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
list-style:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
text-align:left;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul li{...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
background: #EBEBEB; /**//*二级目录的背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul a{...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
padding-left:20px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
width:160px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//* padding-left二级目录中文字向右移动,但Width必须重新设置=(总宽度-padding-left)*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*下面是二级目录的链接样式*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul a:link {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#666; text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul a:visited {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#666;text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li ul a:hover {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
color:#F3F3F3;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
text-decoration:none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
font-weight:normal;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
background:#CC0000;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//* 二级onmouseover的字体颜色、背景色*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*==============================*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li:hover ul {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
left: auto;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav li.sfhover ul {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
left: auto;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#content {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
clear: left;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#nav ul.collapsed {...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
display: none;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
-->
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
#PARENT{...}{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
width:300px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
padding-left:20px;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</style>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</head>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<body>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<div id="PARENT">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="nav">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="ChildMenu1" class="collapsed">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="http://www.netany.net" target="_blank">www.netany.net</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="http://www.netany.net" target="_blank">www.netany.net</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="http://www.netany.net" target="_blank">www.netany.net</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帐务</a>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="ChildMenu2" class="collapsed">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<a href="http://www.netany.net" target="_blank">支付</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">网上支付</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">登记汇款</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">在线招领</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">历史帐务</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">网站管理</a>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="ChildMenu3" class="collapsed">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">登录</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<a href="http://www.netany.net" target="_blank">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">网站管理</a>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ul id="ChildMenu4" class="collapsed">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">登录</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<a href="http://www.netany.net" target="_blank">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<li><a href="#">管理</a></li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</li>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ul>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</div>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<div style="width:300;padding-left:30px;">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</br></br>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
工作需要搞了一个菜单,分享给大家,大家一齐学习
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</br></br>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<p>请大家支持:<a href="http://www.netany.net" target="_blank">http://www.netany.net</a></p>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</div>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</body>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</html>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
<script type=text/javascript>...<!--
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var LastLeftID = "";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
function menuFix() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var obj = document.getElementById("Nav").getElementsByTagName("li");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
for (var i=0; i<obj.length; i++) ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
obj[i].onmouseover=function() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
this.className+=(this.className.length>0? " ": "") + "sfhover";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
obj[i].onMouseDown=function() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
this.className+=(this.className.length>0? " ": "") + "sfhover";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
obj[i].onMouseUp=function() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
this.className+=(this.className.length>0? " ": "") + "sfhover";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
obj[i].onmouseout=function() ...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
this.className=this.className.replace(new RegExp("( ?|^)sfhover/b"), "");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
function DoMenu(emid)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var obj = document.getElementById(emid);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if(LastLeftID!="") //关闭上一个Menu
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.getElementById(LastLeftID).className = "collapsed";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
LastLeftID = emid
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
function GetMenuID()
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var MenuID="";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _paramStr = new String(window.location.href);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _sharpPos = _paramStr.indexOf("#");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
else
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
_paramStr = "";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramStr.length > 0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _paramArr = _paramStr.split("&");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramArr.length>0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _paramKeyVal = _paramArr[0].split("=");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramKeyVal.length>0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
MenuID = _paramKeyVal[1];
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
/**//*
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramArr.length>0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _arr = new Array(_paramArr.length);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
//取所有#后面的,菜单只需用到Menu
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
//for (var i = 0; i < _paramArr.length; i++)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var _paramKeyVal = _paramArr[i].split('=');
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if (_paramKeyVal.length>0)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
_arr[_paramKeyVal[0]] = _paramKeyVal[1];
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
*/
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
if(MenuID!="")
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
DoMenu(MenuID)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
GetMenuID(); //*这两个function的顺序要注意一下,不然在Firefox里GetMenuID()不起效果
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
menuFix();
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
--></script> http://www.corange.cn/archives/2008/03/546.html
相关文章推荐
- DIV+CSS+JS树形菜单,可以刷新不改变菜单
- Div+CSS+JS树形菜单,可刷新
- 下拉的DIV+CSS+JS二级树型菜单,刷新无影响
- 可刷新的Div+CSS+JS制作的树型菜单
- 可以展开刷新不改变的二级树形菜单,大类点击不展开小类,小类有旁边的图标展开(图)
- CSS+DIV+JS树形2层菜单,支持FF
- 可以展开刷新不改变的二级树形菜单,大类点击不展开小类,小类有旁边的图标展开(图)
- DIV+CSS+JS二级树型菜单,刷新无影响
- 可以展开刷新不改变的二级树形菜单,大类点击不展开小类,小类有旁边的图标展开(图)
- CSS+DIV+JS树形2层菜单
- DIV+CSS+JS二级树型菜单,展开后刷新无影响-CSS布局实例
- [转]非常不错的树形菜单div+css+js
- 可以展开刷新不改变的二级树形菜单,大类点击不展开小类,小类有旁边的图标展开(图)
- 可刷新的DivCSSJS制作的树型菜单
- DIV+CSS+JS实现树形菜单
- DIV+CSS+JS二级树型菜单,展开后刷新无影响
- 水平方向的PopMenu弹出菜单(DIV+CSS+JS)
- js+div+css下拉导航菜单完整代码
- 5款纯div+css制作的弹出菜单(标准且无js)
- jsp将菜单include 进页面后,js动态改变当前菜单链接CSS