一個簡單的頁籤

從網上找的,忘記了出處,先感謝網友

<html>
 <head>
 </head>
 <STYLE type=text/css>
.sec1 {
 BORDER-RIGHT: gray 1px solid;
 BORDER-TOP: #ffffff 1px solid;
 BORDER-LEFT: #ffffff 1px solid;
 CURSOR: hand;
 COLOR: #000000;
 BORDER- BOTTOM: #ffffff 1px solid;
 BACKGROUND-COLOR: #eeeeee
}

.sec2 {
 BORDER-RIGHT: gray 1px solid;
 BORDER-TOP: #ffffff 1px solid;
 FONT-WEIGHT: bold;
 BORDER- LEFT: #ffffff 1px solid;
 CURSOR: hand;
 COLOR: #000000;
 BACKGROUND-COLOR: #d4d0c8
}

.main_tab {
 BORDER-RIGHT: gray 1px solid;
 BORDER- LEFT: #ffffff 1px solid;
 COLOR: #000000;
 BORDER- BOTTOM: gray 1px solid;
 BACKGROUND-COLOR: #d4d0c8
}
</STYLE>

 <!--JavaScript部分-->
 <SCRIPT language=javascript>
      function secBoard(n)
   {
    
     for(i=0;i<secTable.cells.length;i++)
       secTable.cells[i].className="sec1";
      secTable.cells[n].className="sec2";
     for(i=0;i<mainTable.tBodies.length;i++)
       mainTable.tBodies[i].style.display="none";
     mainTable.tBodies[n].style.display="block";
   }
       </SCRIPT>
 <script>
</script>
 <body>
  <TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>
   <TBODY>
    <TR align=middle height=20>
     <TD class=sec2 οnclick=secBoard(0) width="10%">
      關於TBODY標記
     </TD>
     <TD class=sec1 οnclick=secBoard(1) width="10%">
      關於cells集合
     </TD>
     <TD class=sec1 οnclick=secBoard(2) width="10%">
      關於tBodies集合
     </TD>
     <TD class=sec1 οnclick=secBoard(3) width="10%">
      關於display屬性
     </TD>
    </TR>
   </TBODY>
  </TABLE>
  <TABLE class=main_tab id=mainTable height=240 cellSpacing=0
   cellPadding=0 width=549 border=0>
   <!--關於TBODY標記-->
   <TBODY style="DISPLAY: block">
    <TR>
     <TD vAlign=top align=middle>
      <BR>
      <BR>
      <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
       <TBODY>
        <TR>
         <TD>
          指定行做爲表體。

          <BR>
          註釋:TBODY要素是塊要素,並且需要結束標 籤。
          <BR>
          即使如果表格沒有顯式定義TBODY 要素,該要素也提供給所有表。
          <BR>
          <BR>

          參考:《動態HTML參考和開發應用大全》(人民郵電出 版社 Microsoft Corporation著
          北京華中興業科技發展有限公司 譯)

          <BR>
          <BR>
         </TD>
        </TR>
        </TBODY>
      </TABLE>
     </TD>
    </TR>
    </TBODY>
    <!--關於cells集合-->
   <TBODY style="DISPLAY: none">
    <TR>
     <TD vAlign=top align=middle>
      <BR>
      <BR>
      <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
       <TBODY>
        <TR>
         <TD>
          檢索錶行或者整個 表中所有單元格的集合。
          <BR>
          應用於TR、TABLE。

          <BR>
          <BR>
          參考:《動態HTML參考和開發應 用大全》(人民郵電出版社 Microsoft Corporation著
          北京華中興業科技發展有限公司 譯)

          <BR>
          <BR>
         </TD>
        </TR>
        </TBODY>
      </TABLE>
     </TD>
    </TR>
    </TBODY>
    <!--關於tBodies集合-->
   <TBODY style="DISPLAY: none">
    <TR>
     <TD vAlign=top align=middle>
      <BR>
      <BR>
      <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
       <TBODY>
        <TR>
         <TD>
          檢索表中所有TBODY 對象的集合。對象在該集合中按照HTML源順序排列。

          <BR>
          應用於TABLE。
          <BR>
          <BR>
          參考: 《動態HTML參考和開發應用大全》(人民郵電出版社 Microsoft Corporation著
          北京華中興業科技發展有限公司 譯)

          <BR>
          <BR>
         </TD>
        </TR>
        </TBODY>
      </TABLE>
     </TD>
    </TR>
    </TBODY>
    <!--關於display屬性-->
   <TBODY style="DISPLAY: none">
    <TR>
     <TD vAlign=top align=middle>
      <BR>
      <BR>
      <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
       <TBODY>
        <TR>
         <TD>
          設置或者檢索對象 是否被提供。
          <BR>
          可能的值爲block、none、 inline、list-item、table-header-group、table-

          footer-group。
          <BR>
          該特性可讀寫,塊要素默認 值爲block,內聯要素默認值爲inline;層疊樣式表 (CSS)屬性不可繼承。
          <BR>
          <BR>
          參考:《 動態HTML參考和開發應用大全》(人民郵電出版社 Microsoft Corporation著

          北京華中興業科技發展有限公司譯)

          <BR>
          <BR>

         </TD>
        </TR>
       </TBODY>
      </TABLE>

      ;
     </TD>
    </TR>
   </TBODY>
  </TABLE>

 </body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章