关于< tbody >的一个实例，很实用。

看到很多网友对tbody属性的讨论，我特意做了个实例，希望能对大家有所帮助。

<title> 脚本之家 tbody 选项卡效果演示</title>  
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>  
<meta content="EditPlus" name="Generator"/>  
<meta content="田耕" name="Author"/>  
<meta content="" name="Keywords"/>  
<meta content="" name="Description"/>  
<style type="text/css">  
body,table,tr,td{  
    font-size:12px;  
    color:#000000;  
    }  
.sec1 {   
    background-color: #99CC99;  
    cursor: hand;  
    color: #000000;  
    border-left: 1px solid #FFFFFF;  
    border-top: 1px solid #FFFFFF;  
    border-right: 1px solid gray;  
    border-bottom: 1px solid #FFFFFF  
    }  
.sec2 {   
    background-color: #D4D0C8;  
    cursor: hand;  
    color: #000000;  
    border-left: 1px solid #FFFFFF;   
    border-top: 1px solid #FFFFFF;   
    border-right: 1px solid gray;   
    font-weight: bold;   
    }  
.main_tab {  
    background-color: #D4D0C8;  
    color: #000000;  
    border-left:1px solid #FFFFFF;  
    border-right: 1px solid gray;  
    border-bottom: 1px solid gray;   
    }  
</style>  
<script language="JavaScript">  
  
</script>  
  
  
<table align="center" border="0" cellpadding="4" cellspacing="1" width="588">  
  <tr>   
    <td width="82%">当前位置：展馆分布 > <span id="weizi"><b>A</b>展馆<b>1</b>楼展厅</span></td>  
    <td width="18%"> </td>  
  </tr>  
  <tr>   
    <td bgcolor="#000000" colspan="2" height="1"></td>  
  </tr>  
  <tr>   
    <td colspan="2" height="4"></td>  
  </tr>   
  <tr>   
    <td colspan="2">  
      <table border="0" cellpadding="0" cellspacing="0" id="secTable" width="578">  
        <tr align="center" height="20">   
          <td class="sec2" onclick="secBoard(0,'a','1')" width="10%">A展馆1楼展厅</td>  
          <td class="sec1" onclick="secBoard(1,'a','2')" width="10%">A展馆2楼展厅</td>  
          <td class="sec1" onclick="secBoard(2,'b','1')" width="10%">B展馆1楼展厅</td>  
          <td class="sec1" onclick="secBoard(3,'b','2')" width="10%">B展馆2楼展厅</td>  
          <td class="sec1" onclick="secBoard(4,'c','1')" width="10%">C展馆1楼展厅</td>  
          <td class="sec1" onclick="secBoard(5,'c','2')" width="10%">C展馆2楼展厅</td>  
        </tr>  
      </table>  
      <table border="0" cellpadding="0" cellspacing="0" class="main_tab" height="160" id="mainTable" width="578">  
        <tbody style="display:block;">   
        <tr>   
          <td align="center">
  
            一
  
          </td>  
        </tr>  
        </tbody> <tbody style="display:none;">   
        <tr>   
          <td align="center">
  
            二
  
          </td>  
        </tr>  
        </tbody> <tbody style="display:none;">   
        <tr>   
          <td align="center">
  
            三
  
          </td>  
        </tr>  
        </tbody> <tbody style="display:none;">   
        <tr>   
          <td align="center">
  
            四
  
          </td>  
        </tr>  
        </tbody><tbody style="display:none;">   
        <tr>   
          <td align="center">
  
            五
  
          </td>  
        </tr>  
        </tbody><tbody style="display:none;">   
        <tr>   
          <td align="center">
  
            六
  
          </td>  
        </tr>  
        </tbody>   
      </table>  
    </td>  
  </tr>  
</table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

关于&lt; tbody &gt;的一个实例，很实用。

关于< tbody >的一个实例，很实用。