主题:  请教高手关于层隐藏的问题

枫影

职务:普通成员
等级:1
金币:0.0
发贴:17
#12005/2/24 17:50:13

图片如下:


如上图
我想做成只要点击主要按钮,下面的菜单就会出现,反之则隐藏,下面菜单出现能够撑大表格,而不是浮在网页上面的效果。

研究了很久,还没搞出来,请求各位大虾们帮帮小弟啊~~~~~
多谢多谢!



枫影

职务:普通成员
等级:1
金币:0.0
发贴:17
#22005/2/24 21:28:08
自己动手,丰衣足食

如下代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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 bgcolor="#799AE1" leftmargin="0" topmargin="0">
<div align=center>
<table width="158" cellpadding="0" cellspacing="0" border="0" >
<tr>
<td valign="top">
     <table cellpadding="0" cellspacing="0" width="158">
<tr>
<td height="42" valign="bottom">
            <img src="images/title.gif" width="158" height="38">
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="158" align="center">
<tr>
<td height="25" class="menu_title" onmouseover="this.className='menu_title2';" onmouseout="this.className='menu_title';" background="images/title_bg_quit.gif">
<div align="left">&nbsp;&nbsp;<a href="default.asp" target="_top"><b>管理首页</b></a>
| <a href="logout.asp" target="_top"> <b>退出</b></a> </div>
</td>
</tr>
</table>
&nbsp;
<br><table cellpadding=0 cellspacing=0 width=158><tr><td height=25 class=menu_title onmouseover='this.className="menu_title2"' onmouseout='this.className="menu_title";' background=images/admin_left_1.gif id=menuTitle1 onclick=showsubmenu(0)><span>新闻系统管理</span></td></tr><tr><td style='display:' id='submenu0'><div class=sec_menu style='width:158'><table cellpadding=0 cellspacing=0 align=center width=135 ID=Table1><tr><td height=20><a href=news.asp target=mainFrame>新闻管理</a><!-- | <a href=guestbook.asp target=mainFrame>新闻评论</a>//--></td></tr><tr><td height=20><a href=addcata.asp target=mainFrame>栏目管理</a> | <a href=fixcata.asp target=mainFrame>栏目合并</a></td></tr><tr><td height=20><a href=addnews.asp target=mainFrame>发布新闻</a></td></tr></table></div></td></tr></table><br><table cellpadding=0 cellspacing=0 width=158><tr><td height=25 class=menu_title onmouseover='this.className="menu_title2"' onmouseout='this.className="menu_title";' background=images/admin_left_2.gif id=menuTitle1 onclick=showsubmenu(1)><span>系统管理</span></td></tr><tr><td style='display:' id='submenu1'><div class=sec_menu style='width:158'><table cellpadding=0 cellspacing=0 align=center width=135 ID=Table1><tr><td height=20><a href=sysuser.asp target=mainFrame>超级用户</a></td></tr><tr><td height=20><a href=sysset.asp target=mainFrame>系统设置</a></td></tr></table></div></td></tr></table>
</td>
</tr>
</table>
<p>&nbsp;</p></div>
</BODY>
</html>



{ 在指尖上绽放的花朵 }

职务:普通成员
等级:5
金币:14.0
发贴:3209
#32005/2/25 13:42:52
简单写了一下。。。原理就是这样了。。。


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]