標(biāo)題頁

.conts{visibility:hidden}

.tab{

border-top:solid thin #E0E0E0;

border-right:solid thin gray;

border-left:solid thin #E0E0E0;

font-family:Verdana;

font-size:10pt;

text-align:center;

font-weight:normal;

cursor:pointer;

}

.selTab{

border-left:solid thin white;

border-top:solid thin white;

border-right:solid thin black;

font-weight:bold;

text-align:center}

.conts {visibility:hidden}

.tab{

border-top:solid thin #E0E0E0;

border-right:solid thin gray;

border-left:solid thin #E0E0E0;

font-family:Verdana;

font-size:10pt;

text-align:center;

font-weight:normal

}

function public_Labels(label1, label2, label3, label4, label5, label6, label7){

t1.innerText = label1;

t2.innerText = label2;

t3.innerText = label3;

t4.innerText = label4;

t5.innerText = label5;

t6.innerText = label6;

t7.innerText = label7;

}

//切換選項卡時顯示選項卡的內(nèi)容

function public_Contents(contents1, contents2, contents3, contents4, contents5, contents6, contents7){

t1Contents.innerHTML = contents1;

t2Contents.innerHTML = contents2;

t3Contents.innerHTML = contents3;

t4Contents.innerHTML = contents4;

t5Contents.innerHTML = contents5;

t6Contents.innerHTML = contents6;

t7Contents.innerHTML = contents7;

init();

}

//默認(rèn)顯示選項卡1

function init(){

tabContents.innerHTML = t1Contents.innerHTML;

}

//更換選項卡時的方法

var currentTab;

var tabBase;

var firstFlag = true;

function changeTabs(){

if(firstFlag == true){

currentTab = t1;

tabBase = t1base;

firstFlag = false;

}

//當(dāng)用戶單擊選項卡時，修改樣式及內(nèi)容

if(window.event.srcElement.className == "tab")

{

currentTab.className = "tab";

tabBase.style.backgroundColor = "white";

currentTab = window.event.srcElement;

tabBaseID = currentTab.id + "base";

tabContentID = currentTab.id + "Contents";

tabBase = document.all(tabBaseID);

tabContent = document.all(tabContentID);

currentTab.className = "selTab";

tabBase.style.backgroundColor = "";

tabContents.innerHTML = tabContent.innerHTML;

}

}

選項 1	選項 2	選項 3	選項 4	選項 5	選項 6	選項 7
sample contents

Tab1的內(nèi)容

Tab2的內(nèi)容

Tab3的內(nèi)容

Tab4的內(nèi)容

Tab5的內(nèi)容

Tab6的內(nèi)容

Tab7的內(nèi)容

總結(jié)

以上是生活随笔為你收集整理的html性别选项卡,html选项卡的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。