选项卡
var tabul = document.querySelector('.ul');
var tabli = document.querySelectorAll('.ul>li');
var tabdiv = document.querySelectorAll('.tab>div');
for(var i = 0; i < tabli.length; i++) {
tabli[i].index = i;
tabli[i].onclick = function() {
for(var j = 0; j < tabli.length; j++) {
tabli[j].style.background = 'red';
tabli[j].className = "off";
tabdiv[j].className = "hide";
}
this.style.background = '';
this.className = "on";
tabdiv[this.index].className = "show";
}
}
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。