html:
<b id="box">
<div class="active">11111111111111111111111111111111111</div>
<div>22222222222222222222222222222222222</div>
<div>33333333333333333333333333333333333</div>
</b>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
css:
li{ cursor: pointer; }
b div{display: none; }
.active{ display: block; }
jq:
$("ul li").click(function () {
var index = $(this).index();
$("b div").eq(index).addClass("active").siblings().removeClass("active");
})
js:
var oLi = document.getElementsByTagName("li");
var oDiv = document.getElementsByTagName("div");
for (var i = 0;i < oLi.length;i++) {
oLi[i].index=i;
oLi[i].onclick = function(){
for (var j = 0;j < oDiv.length;j++) {
oDiv[j].className="";
}
oDiv[this.index].className = "active";
}
}
tab切换
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
