使用JavaScript怎么实现一个tab页切换效果？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
南山网站建设公司创新互联,南山网站设计制作，有大型网站制作公司丰富经验。已为南山千余家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的
南山做网站的公司定做！
www.jb51.net JS实现的TAB切换
#content {
width: 400px;
height: 200px;
}
#tab_bar {
width: 400px;
height: 20px;
float: left;
}
#tab_bar ul {
padding: 0px;
margin: 0px;
height: 20px;
text-align: center;
}
#tab_bar li {
list-style-type: none;
float: left;
width: 133.3px;
height: 20px;
background-color: gray;
}
.tab_css {
width: 400px;
height: 200px;
background-color: orange;
display: none;
float: left;
}
var myclick = function(v) {
var llis = document.getElementsByTagName("li");
for(var i = 0; i < llis.length; i++) {
var lli = llis[i];
if(lli == document.getElementById("tab" + v)) {
lli.style.backgroundColor = "orange";
} else {
lli.style.backgroundColor = "gray";
}
}
var divs = document.getElementsByClassName("tab_css");
for(var i = 0; i < divs.length; i++) {
var divv = divs[i];
if(divv == document.getElementById("tab" + v + "_content")) {
divv.style.display = "block";
} else {
divv.style.display = "none";
}
}
}
