barnavswitch2.js

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

var barNav = document.getElementById("div_barNav");
var barH2 = barNav.getElementsByTagName("h2");
var barDiv= barNav.getElementsByTagName("div");
var barA= barNav.getElementsByTagName("a");
var navBotton = document.getElementById("h2_navBotton");
var bottonSpan = navBotton.getElementsByTagName("span");

bottonSpan[1].style.display ="none";
for(i=0; i<barH2.length; i++){
	barH2[i].ids = i;
	barH2[i].onclick = function(){	
		for(j=0; j<barH2.length; j++){
			barH2[j].className = "";
		}
		barH2[this.ids].className = "on";

		if(barDiv[this.ids].className==""){
		barDiv[this.ids].className="now";}else{
		barDiv[this.ids].className="";}
	}

}


for(j=0; j<barA.length; j++){
	barA[j].ids = j;
	barA[j].onclick = function(){	
		for(k=0; k<barA.length; k++){
			barA[k].className = "";
		}
		barA[this.ids].className = "on";
}

}


navBotton.onclick = function(){
	if(bottonSpan[1].style.display =="none"){
	bottonSpan[0].style.display ="none"
	bottonSpan[1].style.display ="";

	for(j=0; j<barH2.length; j++){
	barDiv[j].className="now";
		}
	
	}else{
	bottonSpan[1].style.display ="none"
	bottonSpan[0].style.display ="";

	for(j=0; j<barH2.length; j++){
	barDiv[j].className="";
		}

	}



}