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

所属分类：网络编程 / CSS/HTML 阅读数： 297

收藏 0赞 0分享

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

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">  <html>  <head>  <title> 脚本之家 tbody 选项卡效果演示</title>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <meta name="Generator" content="EditPlus">  <meta name="Author" content="田耕">  <meta name="Keywords" content="">  <meta name="Description" content="">      </head>  <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0">  <table width="588" border="0" cellspacing="1" cellpadding="4" align="center">    <tr>       <td width="82%">当前位置：展馆分布 &gt; <span id="weizi"><b>A</b>展馆<b>1</b>楼展厅</span></td>      <td width="18%">&nbsp;</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 height=20 align=center>             <td class=sec2 width=10% onClick="secBoard(0,'a','1')">A展馆1楼展厅</td>            <td class=sec1 width=10% onClick="secBoard(1,'a','2')">A展馆2楼展厅</td>            <td class=sec1 width=10% onClick="secBoard(2,'b','1')">B展馆1楼展厅</td>            <td class=sec1 width=10% onClick="secBoard(3,'b','2')">B展馆2楼展厅</td>            <td class=sec1 width=10% onClick="secBoard(4,'c','1')">C展馆1楼展厅</td>            <td class=sec1 width=10% onClick="secBoard(5,'c','2')">C展馆2楼展厅</td>          </tr>        </table>        <table border=0 cellspacing=0 cellpadding=0 width=578 height=160 id=mainTable class=main_tab>          <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>      </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

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

推荐深入理解css中的position定位和z-index属性

不错的10个你未必知道的CSS技巧

一点小小的创意css鼠标放上去则显示电话号码

固定表格的高度超过指定高度就隐藏的方法

推荐个Css的filter常用滤波器属性及语句大全

淘宝段正淳的css笔记大全第1/4页

CSS实现的一个图片放大展示的一种思路

用css滤镜实现的文字描边效果的代码

用css实现的带阴影的表格效果的代码

又一实用的常用CSS缩写语法收集

网络赚钱

站长故事

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

推荐深入理解css中的position定位和z-index属性

不错的10个你未必知道的CSS技巧

一点小小的创意css鼠标放上去则显示电话号码

固定表格的高度超过指定高度就隐藏的方法

推荐个Css的filter常用滤波器属性及语句大全

淘宝段正淳的css笔记大全第1/4页

CSS实现的一个图片放大展示的一种思路

用css滤镜实现的文字描边效果的代码

用css实现的带阴影的表格效果的代码

又一实用的常用CSS缩写语法收集

网络赚钱

站长故事

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