php二级垂直导航栏,垂直（纵向）二级导航菜单

CSS+JS制作的垂直(纵向)二级导航菜单|www.125jz.com

#PARENT{

width:300px;

padding-left:20px;

}

• 网页制作
  • 网页制作入门
  • 网页教学网
  • 网站开发
• 网页设计
  • web前端
  • 网页配色
  • 网页布局
• 视频教程
  • Photoshop

  HTML5

Javascript 在线课程

• DIV+CSS
• 设计宝典
• 网页开发

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(MenuID!="")

{

DoMenu(MenuID)

}

}

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

menuFix();

-->

提示：你可以先修改部分代码再运行。