Fork me on GitHub

选项卡应用

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

-------------本文结束感谢您的阅读-------------

本文标题:选项卡应用

文章作者:陈晓拉尼

发布时间:2017年07月19日 - 15:07

最后更新:2018年09月13日 - 23:09

原始链接:http://yoursite.com/archives/4790.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。