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>
<!--<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>
相关文章推荐
- js实现简单的隐藏导航菜单动态显示
- JS+CSS打造网站头部蓝色简约可自动显示/隐藏的导航菜单
- 点击隐藏汉堡菜单、单页面导航插件—jquery.singlePageNav.min.js、
- js+css多级树形展开效果导航菜单
- JS超级酷的导航菜单代码
- 原生js做的手风琴效果的导航菜单
- JS+CSS带弹性碰撞指示的竖向导航菜单
- Bootstrap导航点击菜单跳转与点击缩放菜单折叠按钮缓冲效果插件jquery.singlePageNav.min.js
- 300+Jquery, CSS, MooTools 和 JS的导航菜单资源
- 300+Jquery, CSS, MooTools 和 JS的导航菜单资源(总有一个适合你!)
- JS实现的简洁二级导航菜单雏形效果
- JS实现带圆弧背景渐变效果的导航菜单代码
- JS——树形导航菜单(html的ul嵌套,jQuery的css(),show(),hide(),index()等方法)
- JS+CSS实现简单的二级下拉导航菜单效果
- 300+Jquery, CSS, MooTools 和 JS的导航菜单资源
- js二级导航菜单代码实例
- js下拉导航菜单实例
- 原生js和jquery分别实现横向导航菜单效果
- 左侧导航菜单 子菜单的显示隐藏效果
- js鼠标移动导航菜单出现下拉菜单