html里面的选项卡js,选项卡js.html

无标题文档

#div1 .active{ background:yellow;}

#div1 div{width:182px;height:182px;color:#999;background:#ccc;border:1px solid #000; display:none}

window.onload = function(){

var oDiv = document.getElementById('div1');

var aInpt = oDiv.getElementsByTagName('input');

var aDiv = oDiv.getElementsByTagName('div');

for (var i = 0; i < aInpt.length;i++){

aInpt[i].val = i;

aInpt[i].onclick = function (){

for(var i = 0; i < aInpt.length;i++){

aInpt[i].className = '';

aDiv[i].style.display = 'none';

}

this.className = 'active';

aDiv[this.val].style.display = 'block';

}

}

}

111111

22222

33333

444444

一键复制

编辑

Web IDE

原始数据

按行查看

历史