选项卡应用

很多时候我们需要用到选项卡应用,比如手机京东的商品分类; js代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
window.onload=function(){
var tabLi=document.querySelectorAll('.tab li');
var tabDiv=document.querySelectorAll('.content Div');
for (var i = 0; i < tabLi.length; i++) {
tbLi[i].index=i;
tabLi[i].onclick=function(){
for (var i = 0; i < tabLi.length; i++) {
tabLi[i].className='';
tabDiv[i].style.display='none';
}
this.className='current';
tabDiv[this.index].style.display='block';
};
};
}