您的位置:首页 > Web前端 > JavaScript

js隐藏导航菜单

2010-05-14 16:29 253 查看
<!--导航全部展开 -->
<!--<SCRIPT language=JavaScript>
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> -->
<!--导航全部展开 -->
<!--导航点击一个展开其余关闭 -->
<SCRIPT language=javascript1.2>
function showsubmenu(sid)
{
for(i=1;i<=11;i++){
document.getElementById("submenu"+i).style.display="none";
document.getElementById("submenu"+sid).style.display="block";
}
}
</SCRIPT>
<!--导航点击一个展开其余关闭 -->

<body bgcolor="16ACFF">
<table width="98%" border="0" cellpadding="0" cellspacing="0" background="Images/tablemde.jpg">

<!--系统设置 -->
<tr>
<td height="5" background="Images/tableline_top.jpg" bgcolor="#16ACFF"></td>
</tr>
<tr>
<td><TABLE width="97%" border=0 align=right cellPadding=0 cellSpacing=0 class=leftframetable>
<TBODY>
<TR>
<TD height="25" style="background:url(Images/left_tt.gif) no-repeat">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<TD width="20"></TD>
<TD class=STYLE1 style="CURSOR: hand" onclick=showsubmenu(1); height=25>系统设置</TD>
</tr>
</table></TD>
</TR>
<TR>
<TD><TABLE id=submenu1 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width="2%"><IMG src="Images/closed.gif"></TD>
<TD height=23><A href="right.html" target=main>基本信息</A></TD>
</TR>
<TR>
<TD><IMG src="Images/closed.gif"></TD>
<TD height=23><A href="admin_manage.php" target=main>管理员管理</A> </TD>
</TR>
<tr>
<td width="2%"><img src="Images/closed.gif" /></td>
<td height="23"><a href="admin_add.php" target="main">添加管理员</a>┆<a href="admin_privilege_manage.php" target="main">权限管理</a></td>
</tr>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE></td>
</tr>

<tr>
<td height="5" background="Images/tableline_bottom.jpg" bgcolor="#9BC2ED"></td>
</tr>

<tr>
<td height="5" background="Images/tableline_top.jpg" bgcolor="#16ACFF"></td>
</tr>
<tr>
<td><TABLE width="97%" border=0 align=right cellPadding=0 cellSpacing=0 class=leftframetable>
<TBODY>
<TR>
<TD height="25" style="background:url(Images/left_tt.gif) no-repeat">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<TD width="20"></TD>
<TD class=STYLE1 style="CURSOR: hand" onclick=showsubmenu(2); height=25>系统设置</TD>
</tr>
</table></TD>
</TR>
<TR>
<TD><TABLE id=submenu2 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width="2%"><IMG src="Images/closed.gif"></TD>
<TD height=23><A href="right.html" target=main>基本信息</A></TD>
</TR>
<TR>
<TD><IMG src="Images/closed.gif"></TD>
<TD height=23><A href="admin_manage.php" target=main>管理员管理</A> </TD>
</TR>
<tr>
<td width="2%"><img src="Images/closed.gif" /></td>
<td height="23"><a href="admin_add.php" target="main">添加管理员</a>┆<a href="admin_privilege_manage.php" target="main">权限管理</a></td>
</tr>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE></td>
</tr>

<tr>
<td height="5" background="Images/tableline_bottom.jpg" bgcolor="#9BC2ED"></td>
</tr>

..3...

..4..

..5...

....

....9.

..10..

<tr>
<td height="5" background="Images/tableline_top.jpg" bgcolor="#16ACFF"></td>
</tr>
<tr>
<td><TABLE width="97%" border=0 align=right cellPadding=0 cellSpacing=0 class=leftframetable>
<TBODY>
<TR>
<TD height="25" style="background:url(Images/left_tt.gif) no-repeat">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<TD width="20"></TD>
<TD class=STYLE1 style="CURSOR: hand" onclick=showsubmenu(11); height=25>系统设置</TD>
</tr>
</table></TD>
</TR>
<TR>
<TD><TABLE id=submenu11 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width="2%"><IMG src="Images/closed.gif"></TD>
<TD height=23><A href="right.html" target=main>基本信息</A></TD>
</TR>
<TR>
<TD><IMG src="Images/closed.gif"></TD>
<TD height=23><A href="admin_manage.php" target=main>管理员管理</A> </TD>
</TR>
<tr>
<td width="2%"><img src="Images/closed.gif" /></td>
<td height="23"><a href="admin_add.php" target="main">添加管理员</a>┆<a href="admin_privilege_manage.php" target="main">权限管理</a></td>
</tr>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE></td>
</tr>

<tr>
<td height="5" background="Images/tableline_bottom.jpg" bgcolor="#9BC2ED"></td>
</tr>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: