一个简单的页签

从网上找的,忘记了出处,先感谢网友

<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>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值