<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312">
<title>Div+CSS+JS树型菜单，可刷新</title>
<meta nombre="descripción" contenido=" http://alexa.knowsky.com ">
<tipo de estilo="texto/css">
<!--
*{margen:0;relleno:0;borde:0;}
cuerpo {
familia de fuentes: arial, 宋体, serif;
tamaño de fuente: 12px;
}
#nav {
ancho: 180 px;
altura de línea: 24px;
tipo de estilo de lista: ninguno;
alineación de texto: izquierda;
}
#navegar a {
ancho: 160px;
mostrar: bloquear;
relleno-izquierda: 20px;
}
#nav·li {
antecedentes:#CCC;
borde inferior: #FFF 1px sólido;
flotador: izquierda;
}
#navli a:hover{
antecedentes:#CC0000;
}
#nav a: enlace {
color:#666; decoración de texto: ninguna;
}
#nav a:visitado {
color:#666;decoración de texto:ninguna;
}
#nav a: pasar el cursor {
color:#FFF;decoración del texto:ninguna;peso de la fuente:negrita;
}
#nav li ul {
estilo de lista: ninguno;
alineación de texto: izquierda;
}
#nav li ul li {
antecedentes: #EBEBEB;
}
#nav li ul a{
relleno-izquierda: 20px;
ancho: 160 px;
}
#nav li ul a: enlace {
color:#666; decoración de texto: ninguna;
}
#nav li ul a: visitado {
color:#666;decoración de texto:ninguna;
}
#nav li ul a: flotar {
color:#F3F3F3;
decoración de texto: ninguna;
peso de fuente: normal;
antecedentes:#CC0000;
}
#nav li: pase el cursor por ul {
izquierda: automático;
}
#nav li.sfhover ul {
izquierda: automático;
}
#contenido {
claro: izquierda;
}
#nav ul.collapsed {
pantalla: ninguna;
}
-->
#PADRE{
ancho: 300 px;
relleno-izquierda: 20px;
}
</estilo>
</cabeza>
<cuerpo>
<div id="PADRE">
<ul id="nav">
<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a>
<ul id="ChildMenu1" class="contraído">
<li> <a href=" http://www.www.devdao.com " target="_blank"> [url]www.www.devdao.com[/url]</a></li>
<li> <a href=" http://www.www.devdao.com " target="_blank"> [url]www.www.devdao.com[/url]</a></li>
<li> <a href=" http://www.www.devdao.com " target="_blank"> [url]www.www.devdao.com[/url]</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帐务</a>
<ul id="ChildMenu2" class="contraído">
<a href=" http://www.www.devdao.com " target="_blank">支付</a></li>
<li><a href="#">网上支付</a></li>
<li><a href="#">登记汇款</a></li>
<li><a href="#">在线招领</a></li>
<li><a href="#">历史帐务</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">网站管理</a>
<ul id="ChildMenu3" class="contraído">
<li><a href="#">登录</a></li>
<a href=" http://www.www.devdao.com " target="_blank">管理</a></li>
<li><a href="#">管理</a></li>
<li><a href="#">管理</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">网站管理</a>
<ul id="ChildMenu4" class="contraído">
<li><a href="#">登录</a></li>
<a href=" http://www.www.devdao.com " target="_blank">管理</a></li>
<li><a href="#">管理</a></li>
<li><a href="#">管理</a></li>
</ul>
</li>
</ul>
</div>
<div style="width:300;padding-left:30px;">
</br></br>
工作需要搞了一个菜单，分享给大家，大家一齐学习
</br></br>
Información adicional: <a href=" http://www.www.devdao.com " target="_blank"> [url]http://www.www.devdao.com[/url]</a>
</div>
</cuerpo>
</html>
<tipo de script=texto/javascript><!--
var LastLeftID = "";
función menúFix() {
var obj = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<obj.length; i++) {
obj[i].onmouseover=función() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
obj[i].onMouseDown=función() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
obj[i].onMouseUp=función() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
obj[i].onmouseout=función() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"), "");
}
}
}
función DoMenu(emid)
{
var obj = document.getElementById(emid);
obj.className = (obj.className.toLowerCase() == "expandido"?"collapsed":"expandido");
if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menú
{
document.getElementById(LastLeftID).className = "contraído";
}
LastLeftID = emid;
}
función GetMenuID()
{
varMenúID="";
var _paramStr = nueva cadena (ventana.ubicación.href);
var _sharpPos = _paramStr.indexOf("#");
si (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
{
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
}
demás
{
_paramStr = "";
}
si (_paramStr.length > 0)
{
var _paramArr = _paramStr.split("&");
si (_paramArr.length>0)
{
var _paramKeyVal = _paramArr[0].split("=");
si (_paramKeyVal.length>0)
{
ID de menú = _paramKeyVal[1];
}
}
}
si(ID de menú!="")
{
DoMenú(MenúID)
}
}
ObtenerIDMenú(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果
menúFix();
--></script>