Div+CSS+JS ツリー menu_html/css_WEB-ITnose

; Div+CSS+JS ツリー メニュー、更新可能 * { margin : 0 ; padding : 0 ; border : 0 ; } body { font-family : arial, 宋体, serif ; font-size : 12px ; } #nav { width: 180px; line-height: 24px; text-align: left; /* UL メニュー全体の行の高さと背景色を定義します。 }

/* ==================第一レベルのディレクトリ=================== */ #nav a { width : 160px ; display : block ; padding-left : 20px ; /* 幅 (必須)、それ以外の場合は下の Li が変形します*/ } #nav li { 背景 : # CCC ; /* 第 1 レベルのディレクトリの背景色 */ Border-bottom: #FFF 1px Solid; /* 下の白い境界線 */ float: left /* float: left; Firefoxでは正常に表示できないので Navの幅を継承して幅を制限し、liは自動的に下に伸びる*/ }

#nav li a:hover { background: #CC0000; /* の背景色第一レベルのディレクトリ onMouseOver display*/ }

#nav a:link { color : #666 ; text-decoration : none ; } #nav a:visited { color : #666 ;なし ; } #nav a: hover { カラー : #FFF ; フォントの太さ : 太字 ;

/* ============== ===セカンダリディレクトリ==== ================ */ #nav li ul { list-style : none ; text-align : left ; #nav li ul li {

background: #EBEBEB ; /* セカンダリ ディレクトリの背景色*/ }

#nav li ul a { # ただし、幅はリセットする必要があります = (total width-padding-left) * / }

/* 以下はセカンダリディレクトリのリンクスタイルです*/

#nav li ul a:link { color : #666; text-decoration : none } #nav li ul a:訪問しました { カラー : #666 ; テキスト装飾 : なし ; #nav ul a:hover { テキスト装飾 : なし ; 背景 : #CC0000 ; /* セカンダリ onmouseover のフォントの色と背景の色*/ }

/* ================ ============= = */ #nav li:hover ul { 左 : 自動 ; } #nav li.sfhover ul { 左 : 自動 ; } #content { クリア : 左 ; #nav ul.collapsed { ディスプレイ : なし } -->

#PARENT { 幅 : 300 ピクセル ; パディング左 : 20 ピクセル ;

我的网站 [url]www.netany.net[/url] 我的帐务 支付 网上支付 登记汇款 在线招领 历史帐务 网站管理 登录 管理 管理 管理 网站管理 登录 管理 管理 管理

工作需要搞了一个菜单，分享给大家，大家一齐学习 请大家支持: [url]http://www.netany.net" target="_blank">www.netany.net[/url] [url]www.netany.net[/url] [url]www.netany.net[/url] 我的帐务 支付 网上支付 登记汇款 在线招领 历史帐务 网站管理 登录 管理 管理 管理 网站管理 登录 管理 管理 管理

工作需要搞了一个菜单，分享给大家，大家一齐学习 请大家支持: [url]http://www.netany.net

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; }

function GetMenuID() {

var MenuID=""; var _paramStr = 新しい String(window.location.href);

var _sharpPos = _paramStr.indexOf("#");

if (_sharpPos >= 0 && _sharpPos { _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length); } else { _paramStr = ""; }

if (_paramStr.length >gt; 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）;スクリプト>

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

Div+CSS+JS ツリー menu_html/css_WEB-ITnose