從網上找的,忘記了出處,先感謝網友
<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>