最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js实现简单的选项卡效果
时间:2017-04-30 编辑:简简单单 来源:一聚教程网
效果如下:
代码如下:
代码如下 | 复制代码 |
div{width:200px;height:100px;border:1px red solid;display:none}; window.onload=function(){ var oDiv=document.getElementsByTagName("div") var oIput=document.getElementsByTagName("input") oDiv[0].style.display="block"; var ten=oIput[0] for(i=0;i oIput[i].indent=i //通过自定义属性获得下标值 oIput[i].onclick=function(){ ten.style.background='' oDiv[ten.indent].style.display="none" //点击时把上一个隐藏 this.style.background="yellow" oDiv[this.indent].style.display="block" ten=this } } } 1 2 3 |