用js實現(xiàn)的比較經(jīng)典實用的觸發(fā)型導航菜單

更新時間：2007年03月09日 00:00:00 作者：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>經(jīng)典實用的觸發(fā)型導航菜單</title> </head> <body> <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>                            <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 style="DISPLAY: block">               <TR>                 <TD vAlign=top align=middle>                   <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>                     <TBODY>                     <TR>                       <TD>指定行做為表體。 注釋：TBODY要素是塊要素，并且需要結束標 簽?！　　〖词谷绻砀駴]有顯式定義TBODY 要素，該要素也提供給所有表。 參考：《動態(tài)HTML參考和開發(fā)應用大全》（人民郵電出 版社                          Microsoft Corporation著                      北京華中興業(yè)科技發(fā)展有限公司 譯） </TD></TR></TB ODY></TABLE></TD></TR></T BODY>               <TBODY style="DISPLAY:  none">               <TR>                 <TD vAlign=top  align=middle>                   <TABLE cellSpacing=0  cellPadding=0 width=490 border=0>                     <TBODY>                     <TR>                       <TD>檢索表行或者整個 表中所有單元格的集合。應用于TR、TABLE。 參考：《動態(tài)HTML參考和開發(fā)應 用大全》（人民郵電出版社                          Microsoft Corporation著                      北京華中興業(yè)科技發(fā)展有限公司 譯） </TD></TR></TB ODY></TABLE></TD></TR></T BODY>               <TBODY style="DISPLAY:  none">               <TR>                 <TD vAlign=top  align=middle>                   <TABLE cellSpacing=0  cellPadding=0 width=490 border=0>                     <TBODY>                     <TR>                       <TD>檢索表中所有TBODY 對象的集合。對象在該集合中按照HTML源順序排列。 應用于TABLE。參考： 《動態(tài)HTML參考和開發(fā)應用大全》（人民郵電出版社                          Microsoft Corporation著                      北京華中興業(yè)科技發(fā)展有限公司 譯） </TD></TR></TB ODY></TABLE></TD></TR></T BODY>               <TBODY style="DISPLAY:  none">               <TR>                 <TD vAlign=top  align=middle>                   <TABLE cellSpacing=0  cellPadding=0 width=490 border=0>                     <TBODY>                     <TR>                       <TD>設置或者檢索對象 是否被提供?？赡艿闹禐閎lock、none、 inline、list-item、table-header-group、table- footer-group。該特性可讀寫，塊要素默認 值為block，內聯(lián)要素默認值為inline；層疊樣式表 （CSS）屬性不可繼承。參考：《 動態(tài)HTML參考和開發(fā)應用大全》（人民郵電出版社                          Microsoft Corporation著  北京華中興業(yè)科技發(fā)展有限公司譯） <A                                                   target=_blank>點擊此處 </A>可參閱微軟<A  target=_blank>MSDN在線</A>上的解釋。                 </TD></TR></TBODY></TABLE> ;</TD></TR></TBODY></TABLE&g t;</body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: