barnavswitch.js

来自「一个信息发布系统 基于jsp+servlet+tomcat 用户分管理员跟普通用」· JavaScript 代码 · 共 55 行

var barNav = document.getElementById("bar_cont");
var barLi = barNav.getElementsByTagName("li");
var barA= barNav.getElementsByTagName("a");
for(i=0; i<barLi.length; i++){
	barLi[i].ids = i;
	barA[i].ids = i;
	barLi[i].onclick = function(){	
		for(j=0; j<barLi.length; j++){
			barLi[j].className = "";
		}
		barLi[this.ids].className = "on";
	}

/*barLi[i].onclick = function(){	
		if(barLi[this.ids].className=="on over"||barLi[this.ids].className=="on"){
		barLi[this.ids].className = "";
		}else{
		barLi[this.ids].className = "on";
		}
	}*/
	barA[i].onclick = function(){	
		for(j=0; j<barLi.length; j++){
			barA[j].className = "";
		}
		barA[this.ids].className = "now";
	}


	barLi[i].onmouseover= function(){
		if (this.className=="on"){
			this.className="on over";
			}else{
		this.className=" over";
		}
	}


	barLi[i].onmouseout= function(){	
		if (this.className=="on over"||this.className=="on"){
			this.className="on";
			}else{
		this.className=" ";
		}
	}

}