java的tab事件_[Java教程]tab栏的切换【DOM点击事件】

[Java教程]tab栏的切换【DOM点击事件】

0 2017-09-06 12:00:11

不太美观，但是想把这段js代码放上来，自己翻着玩。

.Box {

width: 240px;

border: 1px solid #000;

margin: 100px auto;

padding: 20px;

}

.con {

width: 100%;

height: 200px;

background-color: #cccccc;

border: 1px solid #000;

margin-top: 10px;

display: none;

}

.current {

background-color: #EEC900

;

}

one

two

three

four

one

two

three

four

var box=document.getElementById("box");

var btns=box.getElementsByTagName("button");

var divs=box.getElementsByTagName("div");

for(var i = 0 ; i

btns[i].setAttribute("index",i);

btns[i].οnclick=function(){

for(var j =0 ; j

btns[j].removeAttribute("class");

divs[j].style.display="none";

}

this.setAttribute("class","current");

divs[this.getAttribute("index")].style.display="block";

}

}

本文网址：http://www.shaoqun.com/a/322599.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

dom

0