高考问答跨境电商保税直邮模式:HTML页面中如何隐藏 导航栏
来源：百度文库 编辑：高考问答 时间：2024/05/05 16:55:52
可以用JS实现
<SCRIPT language=javascript1.2>
function showsubmenu(sid){
whichEl = eval('submenu' + sid);
if (whichEl.style.display == 'none'){
eval("submenu" + sid + ".style.display='';");
}
else{
eval("submenu" + sid + ".style.display='none';");
}
}
</SCRIPT>
display方法的值为none时,为不显示表格内容
showsubmenu(sid)中的sid为HTML代码中表格中td的id属性值
=====================代码实现过程================
<HTML><HEAD><TITLE>管理导航菜单</TITLE>
<SCRIPT language=javascript1.2>
function showsubmenu(sid){
whichEl = eval('submenu' + sid);
if (whichEl.style.display == 'none'){
eval("submenu" + sid + ".style.display='';");
}
else{
eval("submenu" + sid + ".style.display='none';");
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE width=158 align=center>
<TBODY>
<TR>
<TD id=menuTitle1
style="CURSOR: hand"
onclick=showsubmenu(1)
height=25 ;><span class="glow">导航一</span></TD>
</TR>
<TR>
<TD height="100%" id=submenu1 style="DISPLAY: none">
<DIV style="WIDTH: 158px">
<TABLE cellSpacing=0 cellPadding=0 width=132 align=center>
<TBODY>
<TR>
<TD height=20>1</TD>
</TR>
<TR>
<TD height=20>2</TD>
</TR>
</TBODY></TABLE>
</DIV>
<DIV style="WIDTH: 158px">
<TABLE cellSpacing=0 cellPadding=0 width=130 align=center>
<TBODY>
<TR>
<TD height=20></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
<TABLE width=158 align=center>
<TBODY>
<TR>
<TD id=menuTitle3 style="CURSOR: hand"
onclick=showsubmenu(3) height=25 ;>
<SPAN class=glow>导航二</SPAN></TD>
</TR>
<TR>
<TD id=submenu3 style="DISPLAY: none">
<DIV style="WIDTH: 158px">
<TABLE cellSpacing=0 cellPadding=0 width=132 align=center>
<TBODY>
<TR>
<TD height=20>3</TD>
</TR>
<TR>
<TD height=20>4</TD>
</TR>
</TBODY></TABLE>
</DIV>
<DIV style="WIDTH: 158px">
<TABLE cellSpacing=0 cellPadding=0 width=130 align=center>
<TBODY>
<TR>
<TD height=20></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
</BODY></HTML>