目录隐藏式导航菜单栏

发布时间 2010-03-27

效果预览 修改三处（红色部分）：1 顺序号  2 目录名称  3 目录下内容名称 以下是代码片段： <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> <!--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%">关于千万儿童集合</TD> <TD class=sec1 onclick=secBoard(3) width="10%">关于tBodies集合</TD> <TD class=sec1 onclick=secBoard(4) 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>指定行做为表体。 </TD></TR></TB ODY></TBODY></TABLE></TD></TR></T BODY>< !--关于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>检索表行或者整个 表中所有单元格的集合。&nbsp;</TD></TR></TB ODY></TBODY></TABLE></TD></TR></T BODY> <!--关于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 对象的集合。 </TD></TR></TB ODY></TBODY></TABLE></TD></TR></T BODY> <!--关于千万儿童集合--> <TBODY style="DISPLAY: none"> <TR> <TD vAlign=top align=middle><BR><BR> <TABLE cellSpacing=0 cellPadding=0 width=490 border=0> <TBODY> <TR> <TD>你好你哈哈或很好黑乎乎。 </TD></TR></TB ODY></TBODY></TABLE></TD></TR></T BODY> <!--关于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>设置或者检索对象 是否被提供。</TD></TR></TBODY></TABLE></TD></TR> <TR> <TD>&nbsp; <DIV align=center>&nbsp;</DIV></TD></TR></TBODY></TABLE&G body t;<></TABLE>

	[ 点击数:] [打印本网页] [关闭本窗口]
	相关内容
	查无记录