导航菜单收缩展开程序
2011-12-27 14:17
337 查看
导航菜单收缩展开程序
<html>
<head>
<link type="text/css" rel="stylesheet" href="css.css" />
<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>
<div id="cont">
<div id="top_pic"><img src="Images/Admin_Title.gif" /></div>
<div id="top_con"><a href="right.asp" target="rightframe"><b>管理首页</b></a> | <a href="logout.asp"><b>退出系统</b></a></div>
<div id="top_xx" onClick="showsubmenu(6)"><b>信息管理</b></div>
<div id="submenu6">
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">公司动态添加</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">公司动态维护</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">营销网络添加</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">营销网络维护</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">荣誉认证添加</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">荣誉认证维护</a></div>
</div>
</div>
</body>
</html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="css.css" />
<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>
<div id="cont">
<div id="top_pic"><img src="Images/Admin_Title.gif" /></div>
<div id="top_con"><a href="right.asp" target="rightframe"><b>管理首页</b></a> | <a href="logout.asp"><b>退出系统</b></a></div>
<div id="top_xx" onClick="showsubmenu(6)"><b>信息管理</b></div>
<div id="submenu6">
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">公司动态添加</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">公司动态维护</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">营销网络添加</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">营销网络维护</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">荣誉认证添加</a></div>
<div class="top_xx1">☉<a href="PubArticle.asp" target="rightframe">荣誉认证维护</a></div>
</div>
</div>
</body>
</html>
相关文章推荐
- 导航面板[ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)
- 三级导航菜单,三级竖向展开/收缩导航菜单
- JS之三级竖向展开/收缩导航菜单
- 三级导航菜单,三级竖向展开/收缩导航菜单
- 侧滑菜单,在刷新以后依然保持原来的展开或者收缩样式
- Android程序开发之使用Design包实现QQ动画侧滑效果和滑动菜单导航
- csdn的blog后台程序的导航菜单的实现
- 菜单收缩展开效果(IE6/FF2)
- csdn的blog后台程序的导航菜单的实现
- 如果自定义一个可以点击之后展开/收缩的菜单组件
- jquery实现红色竖向多级向右展开的导航菜单效果
- csdn的blog后台程序的导航菜单的实现
- BLOG技巧:给BLOG加一个控制菜单展开和收缩的按扭
- jQuery 导航菜单点击伸缩展开效果的JS特效
- Jquery实例2:可收缩展开的级联菜单与局部刷新
- csdn的blog后台程序的导航菜单的实现
- 后台管理平台左侧菜单收缩和展开按钮控制
- jQuery圆形菜单展开收缩特效
- 两个经典的【展开/收缩菜单】
- 用 lightTreeview 实现树形分类菜单的功能 展开收缩分类代码