Drop-down DIV CSS JS secondary tree menu_html/css

DIV CSS JS二级树型菜单，展开后刷新无影响 body { font-family: arial, 宋体, serif; font-size:12px; } * { margin:0px; padding:0px; } #nav { width:174px; line-height: 24px; list-style-type: none; text-align:left; }

#nav a { width: 174px; display: block; padding-left:20px; } #nav li { border-bottom:#FFF 1px solid; float:left; background-color: #FECFD6; color:#DD1336; font-weight:bold; } #nav li a:hover { background:#F85B78; } #nav a:link { color:#DD1336; text-decoration:none; } #nav a:visited { color:#DD1336; text-decoration:none; } #nav a:hover { color:#FFF; text-decoration:none; font-weight:bold; }

#nav li ul { list-style:none; text-align:left; } #nav li ul li { background:#ffecef; font-weight:normal; } #nav li ul a { padding-left:20px; width:174px; }

#nav li ul a:link { color:#666; text-decoration:none; } #nav li ul a:visited { color:#666; text-decoration:none; } #nav li ul a:hover { color:#F3F3F3; text-decoration:none; font-weight:normal; background:#FFAA1C; }

#nav li:hover ul { left: auto; } #nav li.sfhover ul { left: auto; } #content { clear: left; } #nav ul.collapsed { display: none; } --> #PARENT { width:174px; } GDI 事业相关 ·GDI事业影音在线播放 ·GDI公司简介 ·GDI事业产品介绍 ·GDI创业奖金制度 ·GDI营销八国语言网 ·GDI公司官方网站 ·GDI全球自动营销网 ·GDI会员登录 ·GDI独立邮箱登录 ·GDI全球经营者分享 GDI 注册相关 ·Gmail registered email address ·PAYPAL online banking registration address ·GDI member registration address ·ICBC Online Banking ·China Construction Bank Online Banking ·China Merchants Bank Online Banking ·Alipay login ·Three steps to start a new life ·3 ways to register GDI ·GDI member registration Chinese illustration ·PAYPAL registration and certification tutorial ·GDI registration FAQ #Menu=ChildMenu3" onClick="DoMenu('ChildMenu3')">GDI Golden Future Related ; ·Golden Future Video Description &lt ;LI> ·The benefits of becoming a Golden Future member ·Golden Future Unique Resources ·Golden Future Members Testimonials &lt ;/LI> ·GDI Golden Future Member Area ·My business log /a> ·yf321 Sina Station ·yf321Hexun Space ·GDI Network Domain Wealth ·meilishiji.ws website ·123ok.ws website ·5173.ws网站 ·soho521.ws website ·Web Favorites href="#Menu=ChildMenu5" onClick="DoMenu('ChildMenu5')">Recommended website li> MDG International MDG Zhongying Team I love Taotao Menu Five Menu five ;li> Menu five ; #Menu=ChildMenu5>Menu five Menu six > /a> )">Menu Seven ;/a> Menu eight 菜单八 菜单八 菜单八 菜单九 菜单九 菜单九 菜单九 菜单十 菜单十 var LastLeftID = ""; function menuFix() { var obj = document.getElementByIdx("nav").getElementsByTagName_r("li"); for (var i=0; i obj[i].onmouseover=function() { this.className =(this.className.length>0? " ": "") "sfhover"; } obj[i].onMouseDown=function() { this.className =(this.className.length>0? " ": "") "sfhover"; } obj[i].onMouseUp=function() { this.className =(this.className.length>0? " ": "") "sfhover"; } obj[i].onmouseout=function() { this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"), ""); } } } function DoMenu(emid) { var obj = document.getElementByIdx(emid); obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded"); if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu { document.getElementByIdx(LastLeftID).className = "collapsed"; } LastLeftID = emid; } function GetMenuID() { var MenuID=""; var _paramStr = new String(window.location.href); var _sharpPos = _paramStr.indexOf("#"); if (_sharpPos >= 0 && _sharpPos { _paramStr = _paramStr.substring(_sharpPos 1, _paramStr.length); } else { _paramStr = ""; } if (_paramStr.length > 0) { var _paramArr = _paramStr.split("&"); if (_paramArr.length>0) { var _paramKeyVal = _paramArr[0].split("="); if (_paramKeyVal.length>0) { MenuID = _paramKeyVal[1]; } } } if(MenuID!="") { DoMenu(MenuID) } } GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果 menuFix(); -->

Drop-down DIV CSS JS secondary tree menu_html/css_WEB-ITnose