DIV+CSS+JS二级树型菜单,展开後刷新無影响<br><!--<br /> body { font-family: arial、宋体、serif;フォントサイズ:12px; }<br />* { マージン:0px;パディング:0px; }<br />#nav {幅:174px;行の高さ: 24px;リストスタイルタイプ: なし; text-align:left;<br />}<br /><br />#nav a { width: 174px;表示ブロック; padding-left:20px;<br />}<br />#nav li { border-bottom:#FFF 1px ソリッド;フロート:左;背景色: #FECFD6;色:#DD1336;フォントの太さ:太字; }<br />#nav li a:hover {background:#F85B78; }<br />#nav a:link { color:#DD1336;テキスト装飾:なし; }<br />#nav a:visited { color:#DD1336;テキスト装飾:なし; }<br />#nav a:hover { color:#FFF;テキスト装飾:なし;フォントの太さ:太字; }<br /><br />#nav li ul { list-style:none;テキスト整列:左; }<br />#nav li ul li {background:#ffecef;フォントの太さ:標準; }<br />#nav li ul a {padding-left:20px; width:174px;<br />}<br /><br />#nav li ul a:link { color:#666;テキスト装飾:なし; }<br />#nav li ul a:visited { color:#666;テキスト装飾:なし; }<br />#nav li ul a:hover { color:#F3F3F3;テキスト装飾:なし;フォントの太さ:標準;背景:#FFAA1C;<br />}<br /><br />#nav li:hover ul {左:自動; }<br />#nav li.sfhover ul { 左: 自動; }<br />#content {クリア: 左; }<br />#nav ul.collapsed {表示: なし; }<br />--><br>#PARENT {幅:174px; }<br> GDI 事相关 ・GDI事业影音在在播放 ·GDI 公司简介 ・GDI 事业产品介绍 ・GDI创业奖金制度 ・GDI营销八国语言网 ・GDI 公司官方网站 ・GDI全球自动营销网 ·GDI 会员登录 GDI独立邮箱登录 ·GDI全球经营者分享 GDI 注册相关 ・Gmail 登録メールアドレス·PAYPAL オンライン バンキング登録アドレス・GDI会員登録アドレス・ICBC オンライン バンキング·中国建設銀行オンライン バンキング·招商銀行オンライン バンキング・Alipay ログイン・3通りのGDI登録 a>・中国語イラストでのGDI会員登録< /LI>·PAYPAL の登録と認定チュートリアル a>< ;LI>·GDI 登録 FAQ LI> ·黄金の未来ビデオ説明< /a>·Golden Future になるメリットmember·Golden Future のユニークなリソース< ;/a>·Golden Future メンバーの証言< /a>·GDI Golden Future メンバー エリア ・私のビジネス日記 GDI フレンドリーリンク ・yf321 新浪ステーション・GDI ドメイン フォーチュン< ;/a>·meilishiji.ws ウェブサイト·123ok.ws网站·5173.ws网站·soho521.ws网站·网络收藏夹 推荐网站 MDG 国际 MDG中赢团队 我爱淘淘 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五< /li> 菜单五 菜单五< ;/a> 菜单六 菜单六 菜单六 菜单六 菜单七< /a> 菜单七 < li>菜单七 菜单八 菜单八 < a href=##Menu=ChildMenu8>菜单八 菜单八 菜单九 菜单九 菜单九 菜单九 ul> 菜单十 菜单十 <!--<br />var LastLeftID = "";<br />function menuFix() {<br /> var obj = document.getElementByIdx("nav" ).getElementsByTagName_r("li");<br /> <br /> for (var i=0; i<obj.length; i++) {<br /> obj[i].onmouseover=function() {<br /> this.className+=(this.className.length>0? " ": "") + "sfhover";<br /> }<br /> obj[i].onMouseDown= function() {<br /> this.className+=(this.className.length>0? " ": "") + "sfhover";<br> }<br> obj[i].onMouseUp=function() {<br> this.className+=(this .className.length>0? " ": "") + "sfhover";<br> }<br> obj[i].onmouseout=function() {<br> this.className=this.className.replace(new RegExp("( ?| ^)sfhover\b"), "");<br> }<br> }<br>}<br>function DoMenu(emid)<br>{<br> var obj = document.getElementByIdx(emid);<br> obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");<br> if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu<br> {<br> document.getElementByIdx(LastLeftID).className = "折りたたまれた";<br> }<br> LastLeftID = emid;<br>}<br>function GetMenuID()<br>{<br> var MenuID="";<br> var _paramStr = new String(window.location.href);<br> var _sharpPos = _paramStr.indexOf( "#");<br> <br> if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)<br /> {<br /> _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);<br /> }<br /> else<br /> {<br /> _paramStr = "";<br /> }<br /> <br /> if (_paramStr.length > 0)<br /> {<br /> var _paramArr = _paramStr.split("&");<br /> if (_paramArr.length>0)<br /> {<br /> var _paramKeyVal = _paramArr[0].split("=");<br /> if (_paramKeyVal.length> ;0)<br /> {<br /> MenuID = _paramKeyVal[1];<br /> }<br /> }<br /> <br /> }<br /> if(MenuID!="")<br /> {<br /> DoMenu(MenuID)<br /> }<br />}<br />GetMenuID(); //*この 2 つの機能の順序要注意一下、Firefox では GetMenuID() 不起効果<br />menuFix();<br />-->