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

tbody Tab选项卡效果代码关键只是在和选项卡的设置上。我在6个段分别设置了，目的是为了让一个javascript程序调用6个选项卡的时候可以循环设置tBodies属性。调用的时候是采用了遍历：将6个tBodies先全部都初始化为display='none'，然后紧接着将tBodies[n]设置为display='block'，将这一个tBodies显示出来。

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

<title> 本站 tbody 选项卡效果演示</title> 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; } </p> <table width="588" border="0" cellspacing="1" cellpadding="4" align="center"> <tr> <td width="82%">当前位置：展馆分布 > <span id="weizi"><b>A</b>展馆<b>1</b>楼展厅</span></td> <td width="18%"> </td> </tr> <tr> <td colspan="2" height="1" bgcolor="#000000"></td> </tr> <tr> <td colspan="2" height="4"></td> </tr> <tr> <td colspan="2"> <table border="0" cellspacing="0" cellpadding="0" width="578" id="secTable"> <tr align="center"> <td class="sec2" width="10%">A展馆1楼展厅</td> <td class="sec1" width="10%">A展馆2楼展厅</td> <td class="sec1" width="10%">B展馆1楼展厅</td> <td class="sec1" width="10%">B展馆2楼展厅</td> <td class="sec1" width="10%">C展馆1楼展厅</td> <td class="sec1" width="10%">C展馆2楼展厅</td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="578" id="mainTable" class="main_tab"> <tbody> <tr> <td align="center"> 一 </td> </tr> </tbody> <tbody> <tr> <td align="center"> 二 </td> </tr> </tbody> <tbody> <tr> <td align="center"> 三 </td> </tr> </tbody> <tbody> <tr> <td align="center"> 四 </td> </tr> </tbody> <tbody> <tr> <td align="center"> 五 </td> </tr> </tbody> <tbody> <tr> <td align="center"> 六 </td> </tr> </tbody> </table> </td> </tr> </table> <p>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

以上就是关于< tbody >的一个实例，很实用。的详细内容，更多请关注本站其它相关文章！