上面的代码有误,重发下!
<html><head>
<title>选项卡效果</title>
<style>
.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}.selTab { border-left:solid thin white;
   border-top:solid thin white;
   border-right:solid thin black;
   font-weight:bold;
   text-align:center}</style>
<script LANGUAGE="JavaScript">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;
}//a public function that the container uses to pass in values for the card containers
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();
}//sets the default display to tab 1
function init(){
 tabContents.innerHTML = t1Contents.innerHTML;
} //this is the tab switching function
var currentTab;
var tabBase;
var firstFlag = true;
function changeTabs(){ if(firstFlag == true){
  currentTab = t1;
  tabBase = t1base;
  firstFlag = false;
 } 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; }
}</script>
<script LANGUAGE="JavaScript">function public_Labels(label1, label2, label3, label4, label5, label6, label7){
 
 t1.innerText = label1;

解决方案 »

  1.   

     t2.innerText = label2;
     t3.innerText = label3;
     t4.innerText = label4;
     t5.innerText = label5;
     t6.innerText = label6;
     t7.innerText = label7;
    }//a public function that the container uses to pass in values for the card containers
    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();
    }//sets the default display to tab 1
    function init(){
     tabContents.innerHTML = t1Contents.innerHTML;
    } //this is the tab switching function
    var currentTab;
    var tabBase;
    var firstFlag = true;
    function changeTabs(){ if(firstFlag == true){
      currentTab = t1;
      tabBase = t1base;
      firstFlag = false;
     } 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; }
    }</script>
    </head><body onclick="changeTabs()" onLoad="init()">
    <div
    STYLE="position:absolute; top:14px; height:350; width:500; left:9px; border:none thin gray"><table STYLE="width:600; height:350" CELLPADDING="0" CELLSPACING="0" bgcolor="c0c0c0">
      <tr>
        <td HEIGHT="25" bgcolor="#FFFFFF" CLASS="selTab" ID="t1">选项 1</td>
        <td bgcolor="#9999CC" CLASS="tab" ID="t2">选项 2</td>
        <td ID="t3" CLASS="tab">选项 3</td>
        <td ID="t4" CLASS="tab">选项 4</td>
        <td ID="t5" CLASS="tab">选项 5</td>
        <td ID="t6" CLASS="tab">选项 6</td>
        <td ID="t7" CLASS="tab">选项 7</td>
      </tr>
      <tr>
        <td ID="t1base" STYLE="height:2; border-left:solid thin white"></td>
        <td ID="t2base" STYLE="height:2; background-color:white"></td>
        <td ID="t3base" STYLE="height:2; background-color:white"></td>
        <td ID="t4base" STYLE="height:2; background-color:white"></td>
        <td ID="t5base" STYLE="height:2; background-color:white"></td>
        <td ID="t6base" STYLE="height:2; background-color:white"></td>
        <td ID="t7base" STYLE="height:2; background-color:white; border-right:solid thin white"></td>
      </tr>
      <tr>
        <td HEIGHT="*" COLSPAN="7" bgcolor="#999933" ID="tabContents"
        STYLE=" border-left:solid thin white;border-bottom:solid thin white;border-right:solid thin white">sample 
        contents</td>
      </tr>
    </table>
    </div><div CLASS="conts" ID="t1Contents"><p align="center">/editnews/UploadFile/2007915225011974.gif</p>
    </div><div CLASS="conts" ID="t2Contents">
      

  2.   

    <p align="center">Tab2的内容 </p>
    </div><div CLASS="conts" ID="t3Contents"><p align="center">Tab3的内容 </p>
    </div><div CLASS="conts" ID="t4Contents"><p align="center">Tab4的内容 </p>
    </div><div CLASS="conts" ID="t5Contents"><p align="center">Tab5的内容 </p>
    </div><div CLASS="conts" ID="t6Contents"><p align="center">Tab6的内容 </p>
    </div><div CLASS="conts" ID="t7Contents"><p align="center">Tab7的内容 </p>
    </div><p align="center" style="line-height: 20px"><font color="#666666"><span
    style="font-size: 9pt"> </span></font></p><p align="center" style="line-height: 20px"><font color="#666666"><span
    style="font-size: 9pt"> </span></font></p><p align="center" style="line-height: 20px"><font color="#666666"><span
    style="font-size: 9pt"> </span></font></p>
    <p align="center" style="line-height: 20px"><font color="#666666"><span
    style="font-size: 9pt"><br>
      <br>
      </span></font></p>
      <form method="post" name="test">
    <select name="select1" onChange="select()"></select>
    <select name="select2"></select>
    <select name="select3"></select>
    </form>
    <script language="javascript">
    <!--
    var arrText = new Array(5);
    var arrValue = new Array(arrText.length);
    function objSetOption(select1, select2, select3) {
    this.select1 = select1;
    this.select2 = select2;
    this.select3 = select3;
    }
    arrText[0]= new objSetOption("选择1:", "选择2_1:,选择2_2:", "选择3_1:,选择3_2:");
    arrText[1] = new objSetOption("论文:1", "语文:1,数学:2,英语:3", "初中:2,高中:3");
    arrText[2] = new objSetOption("例题:2", "显示b2_1:值b2_1,显示b2_2:值b2_2", "显示b3_1:值b3_1,显示b3_2:值b3_2");
    arrText[3] = new objSetOption("显示c:值c", "显示c2_1:值c2_1,显示c2_2:值c2_2", "显示c3_1:值c3_1,显示c3_2:值c3_2");
    arrText[4] = new objSetOption("显示d:值d", "显示d2_1:值d2_1,显示d2_2:值d2_2", "显示d3_1:值d3_1,显示d3_2:值d3_2");
    arrText[5] = new objSetOption("显示e:值e", "显示e2_1:值e2_1,显示e2_2:值e2_2", "显示e3_1:值e3_1,显示e3_2:值e3_2");
    function select() {
    var eltSelect1 = document.test.select1;
    var eltSelect2 = document.test.select2;
    var eltSelect3 = document.test.select3;
    var arrSelect1, arrSelect2, arrSelect3;
    var arrData1, arrData2, arrData3;
    with(eltSelect1) {
       var strSelect = options[selectedIndex].value;
    }
    for(i = 0;i < arrText.length;i ++) {
       arrSelect1 = arrText[i].select1;
       arrData1 = arrSelect1.split(":");
       if (arrData1[1] == strSelect) {
        arrSelect2 = (arrText[i].select2).split(",");
        for(j = 0;j < arrSelect2.length;j++) {
         arrData2 = arrSelect2[j].split(":");
         with(eltSelect2) {
          length = arrSelect2.length;
          options[j].text = arrData2[0];
          options[j].value = arrData2[1];
         }
        }
        arrSelect3 = (arrText[i].select3).split(",");
        for(j = 0;j < arrSelect3.length;j++) {
         arrData3 = arrSelect3[j].split(":");
         with(eltSelect3) {
          length = arrSelect3.length;
          options[j].text = arrData3[0];
          options[j].value = arrData3[1];
         }
        }
        break;
       }
    }
    }
    function init() {
    var eltSelect1 = document.test.select1;
    var eltSelect2 = document.test.select2;
    var eltSelect3 = document.test.select3;
    var arrSelect1, arrSelect2, arrSelect3;
    var arrData1, arrData2, arrData3;
    if (eltSelect1 != undefined && eltSelect2 != undefined && eltSelect3 != undefined) {
       with(eltSelect1) {
        length = arrText.length;
        for(i = 0;i < arrText.length;i ++) {
         arrSelect1 = arrText[i].select1;
         arrData1 = arrSelect1.split(":");
         options[i].text = arrData1[0];
         options[i].value = arrData1[1];
        }
       }
       with(eltSelect2) {
        arrSelect2 = (arrText[0].select2).split(",");
        length = arrSelect2.length;
        for(i = 0;i < length;i ++) {
         arrData2 = arrSelect2[i].split(":");
         options[i].text = arrData2[0];
         options[i].value = arrData2[1];
        }
       }
       with(eltSelect3) {
        arrSelect3 = (arrText[0].select3).split(",");
        length = arrSelect3.length;
        for(i = 0;i < length;i ++) {
         arrData3 = arrSelect3[i].split(":");
         options[i].text = arrData3[0];
         options[i].value = arrData3[1];
        }
       }
    }
    }
    init();
    // -->
    </script></body>
    </html>
    </xmp>
      

  3.   

    灌水机代码:www.dullwolf.cn/CSDNer.rar下载。