code: < 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 > <!-- 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 > </ head > < body > <!-- HTML部分 --> < TABLE id =secTable cellSpacing =0 cellPadding =0 width =549 border =0 > < TBODY > < TR align =middle height =20 > < TD class =sec2 onclick =secBoard(0) width ="10%" > 关于TBODY标记 </ TD > < TD class =sec1 onclick =secBoard(1) width ="10%" > 关于cells集合 </ TD > < TD class =sec1 onclick =secBoard(2) width ="10%" > 关于tBodies集合 </ TD > < TD class =sec1 onclick =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 >< 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 >< 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 >< 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 >< BR >< BR > < A href ="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp? frame=true" target =_blank > 点击此处 </ A > 可参阅微软 < A href ="http://msdn.microsoft.com/" target =_blank > MSDN在线 </ A > 上的解释。 </ TD > </ TR > </ TBODY > </ TABLE > </ TD > </ TR > </ TBODY > </ TABLE > </ body > </ html >