html树形菜单特效,Div+CSS+JS树型菜单，可刷新

Div+CSS+JS树型菜单，可刷新

#PARENT{

width:300px;

padding-left:20px;

}

• 我的网站
  • [url]www.netany.net[/url]
  • [url]www.netany.net[/url]
  • [url]www.netany.net[/url]
• 我的帐务

  支付

网上支付 登记汇款 在线招领 历史帐务 网站管理

• 登录

管理

管理 管理 网站管理

• 登录

管理

管理 管理

工作需要搞了一个菜单，分享给大家，大家一齐学习

请大家支持:[url]#[/url]

var LastLeftID = "";

function menuFix() {

var obj = document.getElementById("nav").getElementsByTagName("li");

for (var i=0; i

obj[i].οnmοuseοver=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].οnmοuseοut=function() {

this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");

}

}

}

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

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

}

//取所有#后面的，菜单只需用到Menu

//for (var i = 0; i

{

var _paramKeyVal = _paramArr[i].split('=');

if (_paramKeyVal.length>0)

{

_arr[_paramKeyVal[0]] = _paramKeyVal[1];

}

}

*/

}

if(MenuID!="")

{

DoMenu(MenuID)

}

}

GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果

menuFix();

-->