<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>
HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下：
1，首先在html中，添加良好的导航内容。
2，后者是网页的具体内容，这里的代码比较简单。
3，在样式中，首先在菜单中定义一些样式。
4，此时，在运行页面时，滚动条滚动后导航将消失。
5，为了将导航栏固定在顶部，可以添加样式位置：固定；最高：0在导航容器中，键是第一个样式，因此其位置是固定的。
6，此时，页面开始运行，页面向上滚动，并且导航始终在顶部。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）