html/css/nav.js

微信扫码关注公众号，代码整理好后第一时间通知你。

<!--//--><![CDATA[//><!--
function menuFix() {
 var sfEls = document.getElementById("nav1").getElementsByTagName("li");
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseDown=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseUp=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onmouseout=function() {
  this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),"");
  }
 }
}
//--><!]]>
	
function menuFix2() {
var sfEls = document.getElementById("leftnav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
	if(sfEls[i].parentNode.id=='leftnav'){		
		sfEls[i].onclick=function() {			
			if(this.className.indexOf('show')>-1){
				this.className=this.className.replace(new RegExp("( ?|^)show\\b"), "");
			}
			else{
				this.className+=(this.className.length>0? " ": "") + "show";				
			}			
			for(var j=0;j<sfEls.length;j++){				
				if(sfEls[j]!=this)sfEls[j].className=sfEls[j].className.replace(new RegExp("( ?|^)show\\b"), "");
			}
		}		
	}
	else{
		sfEls[i].onmouseover=function() {
		this.className+=(this.className.length>0? " ": "") + "show";
		}
		sfEls[i].onmouseout=function() {
		this.className=this.className.replace(new RegExp("( ?|^)show\\b"), "");
		}
}
}
}

window.onload=function (){
	menuFix();
	menuFix2();
}