tab标签导航demo

最新推荐文章于 2022-06-17 01:15:27 发布

ringtoping

最新推荐文章于 2022-06-17 01:15:27 发布

阅读量431

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ring_to_ping/article/details/45555997

window.onload=function(){
	var tab = document.getElementById("tabs");
	var ul = document.getElementsByTagName("ul")[0];
	var li = document.getElementsByTagName("li");
	var divs = tab.getElementsByTagName("div");		
	
	for(var i=0,index=0;i<li.length;i++){
		li[i].index = i;
		
		li[i].onclick=function(){
			for(var n=0;n<li.length;n++){
				li[n].className = "";
				divs[n].className = "hide";
			}
			this.className="on";
			divs[this.index].className="";
		} 
		
	}
	
	
}