<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>菜单样式</title>
<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>
<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>
</head>
<body>
<h1>触发型导航菜单</h1><hr>
<TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>
<TBODY>
<TR align=center height=20>
<TD class=sec2 onmouseover=secBoard(0) width="10%">关于TBODY标记</TD>
<TD class=sec1 onmouseover=secBoard(1) width="10%">关于cells集合</TD>
<TD class=sec1 onmouseover=secBoard(2) width="10%">关于tBodies集合</TD>
<TD class=sec1 onmouseover=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=center><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>指定行做为表体。<BR><BR>注释：TBODY要素是块要素，并且需要结束标签。<BR><BR>即使如果表格没有显式定义TBODY要素，该要素也提供给所有表。<BR>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
<!--关于cells集合-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=center><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>检索表行或者整个表中所有单元格的集合。<BR><BR>应用于TR、TABLE。
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
<!--关于tBodies集合-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=center><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>检索表中所有TBODY对象的集合。<BR><BR>对象在该集合中按照HTML源顺序排列。<BR><BR>应用于TABLE。
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
<!--关于display属性-->
<TBODY style="DISPLAY:none">
<TR>
<TD vAlign=top align=center><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>设置或者检索对象是否被提供。<BR><BR>可能的值为block、none、inline、list-item、table-header-group、table-footer-group。<BR><BR>该特性可读写，块要素默认值为block，内联要素默认值为inline；层叠样式表
（CSS）属性不可继承。
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>