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切換
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門肮之，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人卜录，你說我怎么就攤上這事戈擒。” “怎么了艰毒？”我有些...
- 文/不壞的土叔 我叫張陵筐高，是天一觀的道長。 經(jīng)常有香客問我丑瞧，道長柑土，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任绊汹，我火速辦了婚禮稽屏，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘西乖。我一直安慰自己狐榔，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布获雕。 她就那樣靜靜地躺著荒叼，像睡著了一般。 火紅的嫁衣襯著肌膚如雪典鸡。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼睁冬，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了看疙？” 一聲冷哼從身側(cè)響起豆拨，我...
- 正文 年R本政府宣布，位于F島的核電站承耿，受9級特大地震影響冠骄，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜加袋，卻給世界環(huán)境...
- 文/蒙蒙 一凛辣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧职烧，春花似錦扁誓、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至足删，卻和暖如春寿谴，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背失受。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 上篇播客從源碼和注釋說了下fragment的生命周期领铐，這里還是接著說fragment并實現(xiàn)Tab切換效果悯森，先看下運...
- 小靜最近參加了一個關(guān)于廣告創(chuàng)意的精英挑戰(zhàn)賽莲兢，她累的虛脫汹来，一結(jié)束就忍不住和我吐槽续膳，“最煩那種自己什么都說不清楚，還喜...
- 前天看見新聞，說一個女生因為上大學(xué)被騙了9900然后傷心過度猝死摔桦，我沒有詳細的看經(jīng)過社付，可能大多數(shù)人理解不了。有的...
