html的根本原理,js-选项卡的基本原理

js-选项卡的基本原理

2019年02月25日 14:52:48阅读数：688

Document

li{

float: left;

list-style: none;

text-align: center;

width: 100px;

line-height: 100px;

background: #7CFC00;

border:#0000FF 1px solid;

}

div{

width: 300px;

line-height: 100px;

background: #FFFF00;

text-align: center;

}

点击1点击2点击3

我这个是个div

换一行就可以了

这个是div2

同样换一行就可以了

这个是div3

换一行就行了

function func(a){

//获取整个集合

var divs = document.getElementsByTagName('div');

for(var i=0;i

if(a == i){

divs[i].style.display='block';

}else{

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

}

}

}

版权申明：本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论

文明上网理性发言，请遵守新闻评论服务协议0条评论

立即提交