<style>
div{
width: 200px;
height: 80px;
border:1px solid #000;
color: red;
display: none;
}
.on{
color: #6cf;
background: green;
}
</style>
<script>
window.onload=function(){
var aBtn=document.getElementsByTagName('input');
var aDiv=document.getElementsByTagName('div');
var timer;
for(var i=0; i<aBtn.length;i++){
aBtn[i].index=i;
aBtn[i].onmouseover=function(){
var _this=this;
timer = setTimeout(function() {
for (var i = 0; i < aBtn.length; i++) {
aBtn[i].className = '';
aDiv[i].style.display = 'none';
}
_this.className = 'on';
aDiv[_this.index].style.display = 'block';
},200);
}
aBtn[i].onmouseout = function(){
clearTimeout(timer);
};
}
}
</script>
</head>
<body>
<input type="button" value="天氣" class="on"/>
<input type="button" value="體育" />
<input type="button" value="動漫" />
<div style="display:block;">明天白天多云轉(zhuǎn)晴</div>
<div>今日劉彬代表國家隊取得了第一個獎牌</div>
<div>海賊王還要更新10年。。闺金。</div>
</body>
延遲選項卡
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門仇让，熙熙樓的掌柜王于貴愁眉苦臉地迎上來典奉，“玉大人，你說我怎么就攤上這事丧叽∥谰粒” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵踊淳，是天一觀的道長假瞬。 經(jīng)常有香客問我陕靠，道長，這世上最難降的妖魔是什么脱茉？ 我笑而不...
- 正文 為了忘掉前任剪芥，我火速辦了婚禮，結(jié)果婚禮上琴许，老公的妹妹穿的比我還像新娘税肪。我一直安慰自己，他們只是感情好榜田，可當(dāng)我...
- 文/花漫 我一把揭開白布益兄。 她就那樣靜靜地躺著，像睡著了一般箭券。 火紅的嫁衣襯著肌膚如雪净捅。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼氓拼！你這毒婦竟也來了你画？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布鱼鸠，位于F島的核電站，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏蚀狰。R本人自食惡果不足惜愉昆，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望造锅。 院中可真熱鬧撼唾，春花似錦、人聲如沸哥蔚。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽糙箍。三九已至渤愁，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間深夯，已是汗流浹背抖格。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 使用原生JS實現(xiàn)選項卡功能质蕉。效果： 原理：全部隱藏势篡，選擇哪個哪個顯示。代碼如下： 如有問題歡迎交流模暗。 如轉(zhuǎn)載請注明...
- 面向過程的tab選項卡 下面我們要把它改成面向?qū)ο蟮倪x項卡 第一步：解開所有嵌套函數(shù) 將onclick后面的匿名函...
- 《美麗人生》是一部反應(yīng)二戰(zhàn)時期納粹集中營對猶太人的殘害的電影碍侦。 電影前半段介紹了男女主相知相愛的過程，后半段則介紹...
