Div CSS JS tree menu_html/css_WEB-ITnose

Div CSS JS tree menu, refreshable * { margin : 0 ; padding : 0 ; border : 0 ; } body { font-family: arial, 宋体, serif; font-size: 12px; } #nav { width: 180px; line-height: 24px; list-style-type : none ; text-align : left ; /* Define the line height and background color of the entire ul menu*/ }

/* = =================First-level directory==================== */ #nav a { width: 160px; display: block; padding-left: 20px; /* Width (must), otherwise the Li below will be deformed*/ }

#nav li { background: #CCC; /* The background color of the first-level directory*/ border-bottom: #FFF 1px solid; /* A white border below*/ float: left; /* float: left, should not be set, but it cannot be displayed normally in Firefox Inherits the width of Nav, limits the width, and li automatically extends downwards*/ }

# nav li a:hover { background : #CC0000 ; /* The background color of the first-level directory onMouseOver display*/ }

#nav a:link { color : #666; text-decoration : none ; } #nav a:visited { color : #666 ; text-decoration : none ; } #nav a:hover { color : #FFF ; text-decoration : none ; font-weight : bold ; }

/* ==================Second-level directory= ================== */ #nav li ul { list-style : none ; text-align : left ; } #nav li ul li { background : #EBEBEB ; /* Background color of secondary directory*/ }

#nav li ul a { padding-left : 20px ; width : 160px ; /* padding-left The text in the secondary directory moves to the right, but the Width must be reset = (total width-padding-left) */ }

/* The following is the link style of the secondary directory*/

#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 : #CC0000 ; /* The font color and background color of the second-level onmouseover*/ }

/* == ============================ */ #nav li:hover ul { left : auto ; } #nav li.sfhover ul { left : auto ; } #content { clear : left ; } #nav ul.collapsed { display : none ; } -->

#PARENT { width : 300px ; padding-left : 20px ; }

我的网站 [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 DoMenu(emid) { var obj = document.getElementById(emid); obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed" : "expanded") ; if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu { document.getElementById(LastLeftID).className = "collapsed"; } LastLeftID = emid; }

function GetMenuID() {

var MenuID=""; var _paramStr = new String(window.location.href);

if (_paramKeyVal.length>0 ) [_paramKeyVal[0]] = _paramKeyVal[1]; 🎜> { DoMenu(MenuID) } }

GetMenuID(); / /* Pay attention to the order of these two functions, otherwise GetMenuID() will not work in Firefox menuFix( ); -->

Div CSS JS tree menu_html/css_WEB-ITnose

Related articles