快捷導(dǎo)航

js tab 選項(xiàng)卡

更新時(shí)間：2009年04月26日 14:16:40 作者：

選項(xiàng)卡的實(shí)現(xiàn)方法比較多，但原理基本上都差不多，隱藏與顯示輪換

一般需要事先寫好css樣式等
function tab(sId) {
var tabs = document.getElementsByTagName("H2");
var boxs = document.getElementsByTagName("h3");
if ( boxs[sId].style.display=="block"){
boxs[sId].style.display="none";
tabs[sId].style.backgroundColor="#E3F4FE";
tabs[sId].style.color="#000000";
}
else{
boxs[sId].style.display="block";
tabs[sId].style.backgroundColor="#3575CC";
tabs[sId].style.color="#ffffff";
}
for (var i=0; i<tabs.length; i++) {
if ( i != sId) {
boxs[i].style.display = "none";
tabs[i].style.backgroundColor="#E3F4FE";
tabs[i].style.color="#000000";
}
}
}

<h2 onclick="tab();">中英合作自考</h2>
<h3>
<ul>
<li></li>
</ul>
</h3>
</h2>

您可能感興趣的文章:

相關(guān)文章

js控制href內(nèi)容的連接內(nèi)容的變化示例
這篇文章主要介紹了使用js控制href內(nèi)容的連接內(nèi)容的變化,需要的朋友可以參考下
2014-04-04
JavaScript中判斷原生函數(shù)檢查function是否是原生代碼
檢查某個(gè)function是否是原生代碼，要檢測這一點(diǎn),最簡單的辦法當(dāng)然是判斷函數(shù)的 toString 方法返回的值
2014-09-09
$JavaScript運(yùn)動框架鏈?zhǔn)竭\(yùn)動到完美運(yùn)動(五)$
JavaScript運(yùn)動框架鏈?zhǔn)竭\(yùn)動到完美運(yùn)動(五)
這篇文章主要為大家詳細(xì)介紹了JavaScript運(yùn)動框架的第五部分，鏈?zhǔn)竭\(yùn)動到完美運(yùn)動，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
javascript input輸入框模糊提示功能的實(shí)現(xiàn)
這篇文章主要介紹了javascript input輸入框模糊提示功能的實(shí)現(xiàn)的相關(guān)資料,希望通過本能幫助到大家，需要的朋友可以參考下
2017-09-09
jqplot通過ajax動態(tài)畫折線圖的方法及思路
這篇文章主要介紹了
2013-12-12
js中數(shù)組插入、刪除元素操作的方法
下面小編就為大家?guī)硪黄猨s中數(shù)組插入、刪除元素操作的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-02-02
JavaScript實(shí)現(xiàn)語音排隊(duì)叫號系統(tǒng)
語音排隊(duì)叫號系統(tǒng)廣泛用于銀行，餐飲，醫(yī)院等場景。本文主要介紹了通過JavaScript實(shí)現(xiàn)的語音排隊(duì)叫號系統(tǒng)，有掃碼排隊(duì)，語音叫號等功能。需要的可以參考一下
2021-12-12
今天小編就為大家分享一篇使用layer模態(tài)框給新頁面?zhèn)髦档姆椒?具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09