js tab 選項卡
更新時間:2009年04月26日 14:16:40 作者:
選項卡的實現(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>
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>
相關文章
js控制href內(nèi)容的連接內(nèi)容的變化示例
這篇文章主要介紹了使用js控制href內(nèi)容的連接內(nèi)容的變化,需要的朋友可以參考下2014-04-04JavaScript中判斷原生函數(shù)檢查function是否是原生代碼
檢查某個function是否是原生代碼,要檢測這一點,最簡單的辦法當然是判斷函數(shù)的 toString 方法返回的值2014-09-09javascript input輸入框模糊提示功能的實現(xiàn)
這篇文章主要介紹了javascript input輸入框模糊提示功能的實現(xiàn)的相關資料,希望通過本能幫助到大家,需要的朋友可以參考下2017-09-09JavaScript實現(xiàn)語音排隊叫號系統(tǒng)
語音排隊叫號系統(tǒng)廣泛用于銀行,餐飲,醫(yī)院等場景。本文主要介紹了通過JavaScript實現(xiàn)的語音排隊叫號系統(tǒng),有掃碼排隊,語音叫號等功能。需要的可以參考一下2021-12-12

Javascript前端UI框架Kit使用指南之kitjs的對話框組件
本文以kitjs對話框組件為例,給我們詳細介紹了kitjs的組件目錄、默認代碼模板、構(gòu)造器及初始方法、以及Kitjs繼承。講解的非常細致,對我們熟練掌握kitjs組件很有幫助。
2014-11-11