可以用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>。
- 上一篇: ui设计师个人工作简历范文
- 下一篇: 返回列表