选项卡应用

2017-07-19 85 words One minute

Contents

很多时候我们需要用到选项卡应用，比如手机京东的商品分类； 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';
			};
		};
	}