DIV+CSS+JS セカンダリツリーメニュー、展開後に更新しても効果がない - CSS レイアウト example_html/css_WEB-ITnose

html xmlns=" http://www.w3.org/1999/xhtml"> DIV+CSS+JS セカンダリ ツリー メニュー、展開後の更新は効果なし body { font-家族: arial, 宋体, セリフ; } * { 余白: 0px; } #nav { 幅: 174px; テキスト-align:left; /*UL メニュー全体の行の高さと背景色を定義します*/ } /*=================第一レベルのディレクトリ== = ================*/ #nav a { width: 174px; display: block; /*Width (必須)、それ以外の場合は次の Li が表示されます。変形*/ } #nav li { border-bottom:#FFF 1px ソリッド; /*下に白い境界線*/ 背景色: #FECFD6; フォントウェイト:ボールド; #nav li a:hover {background:#F85B78; /*onMouseOver 表示の第 1 レベルのディレクトリの背景色*/ } #nav a:link { color:#DD1336; } # nav a:visited { color:#DD1336; text-decoration:none; #nav a:hover { color:#FFF; font-weight:bold; == ===========セカンダリディレクトリ==================*/ #nav li ul { list-style:none; align :left; } #nav li ul li {background:#ffecef; /*セカンダリディレクトリの背景色*/ font-weight:normal; } #nav li ul a {padding-left:20px; /* padding-left セカンダリ ディレクトリ内のテキストは右に移動しますが、幅はリセットする必要があります = (total width-padding-left)*/ } /*以下はセカンダリ ディレクトリのリンク スタイルです*/ #nav li ul a:link { color:#666; text-decoration:none; } #nav li ul a:none; { color:#F3F3F3 ; text-decoration:none; font-weight:normal; background:#FFAA1C;/* マウスオーバー時の二次的なフォントの色、背景色*/ /*========== === ================*/ #nav li:hover ul { left: auto; } #nav li.sfhover ul { left: auto; { クリア: 左; } #nav ul.collapsed { 表示: なし } #PARENT { width:174px; 1 メニュー 1 メニュー 1 メニュー 1 li> メニュー 1 メニュー 1 ; メニュー 1 1 メニュー 1 メニュー 1 メニュー 1 メニュー 1 メニュー 1 ; メニュー 2 class="collapsed"> メニュー 2 ; メニュー 2 メニュー 2 メニュー 2 菜单二 菜单三 菜单三 菜单三 菜单三 菜单三 菜单三 菜单三 菜单四 菜单四 菜单四 菜单四 菜单四 菜单四 菜单四 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单五 菜单六 菜单六 菜单六 菜单六 菜单七 菜单七 菜单七 菜单八 菜单八 菜单八 菜单八 菜单九 菜单九 菜单九 菜单九 菜单十 菜单十 var LastLeftID = ""; function menuFix() { var obj = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i obj[i].onmouseover=function() { this.className+=(this.className.length>0? " ": "") + "ホバー"; } 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.getElementById(emid); obj.className = (obj.className.toLowerCase() == "展開"?"折りたたみ":"展開"); if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu { document.getElementById(LastLeftID).className = "collapsed"; } LastLeftID = emid; } 関数 GetMenuID() { var MenuID=""; var _paramStr = 新しい文字列(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 (_paramArr.length>0) { var _arr = new Array(_paramArr.length); } //すべて#後の面を取得、菜单のみメニューに必要です //for (var i = 0; i { var _paramKeyVal = _paramArr[i].split(' ='); if (_paramKeyVal.length>0) { _arr[_paramKeyVal[0]] = _paramKeyVal[1]; } } */ } if(MenuID!="") { DoMenu(MenuID) } } GetMenuID(); //*この 2 つの機能の順序要注意一下、Firefox では GetMenuID() 不起効果 menuFix(); --->

DIV+CSS+JS セカンダリ ツリー メニュー、展開後に更新しても効果がない - CSS レイアウト example_html/css_WEB-ITnose

関連記事

DIV+CSS+JS セカンダリツリーメニュー、展開後に更新しても効果がない - CSS レイアウト example_html/css_WEB-ITnose