用于控制二级菜单展开/折叠的函数
2010-11-22 10:10
225 查看
<script language="javascript">
//用于控制二级菜单展开/折叠的函数
//divid 二级菜单层/单元格的id
//imgdivid 一级菜单的折叠/展开图标id
//openimg 二级菜单折叠时一级菜单图标
//closeimg 二级菜单展开时一级菜单图标
function showhidden( divid , imgdivid , openimg , closeimg){
if(document.getElementById(divid).style.display == "none"){
document.getElementById(divid).style.display="block";
document.getElementById(imgdivid).src=closeimg;
}
else{
document.getElementById(divid).style.display="none";
document.getElementById(imgdivid).src=openimg;
}
}
</script>
<body>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="54"><div align="center" ><img src="/wind/images/add.gif" name="img_products" width="24" height="24" id="img_products" /></div></td>
<td align="left" class="lan_13"><a href="#" class="lan_13"></a>
<div id="traindata"><a href="javascript:void(0)" onclick="showhidden('products','img_products' , '/wind/images/add.gif' , '/wind/images/del.gif')" target="mainright" >作品管理</a></div></td>
</tr>
<tr>
<td colspan="2" id="products" style="display:none"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%"><div align="center"></div></td>
<td width="15%"><img src="../images/fast-forward.gif" width="24" height="24" /></td>
<td width="60%"><div align="left"><a href="/wind/products/type.jsp" target="mainright" >作品类型管理</a></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><img src="../images/fast-forward.gif" width="24" height="24" /></td>
<td><div align="left"><a href="/wind/products/index.jsp" target="mainright" >作品管理</a></div></td>
</tr>
</table></td>
</tr>
</table>
</body>
//用于控制二级菜单展开/折叠的函数
//divid 二级菜单层/单元格的id
//imgdivid 一级菜单的折叠/展开图标id
//openimg 二级菜单折叠时一级菜单图标
//closeimg 二级菜单展开时一级菜单图标
function showhidden( divid , imgdivid , openimg , closeimg){
if(document.getElementById(divid).style.display == "none"){
document.getElementById(divid).style.display="block";
document.getElementById(imgdivid).src=closeimg;
}
else{
document.getElementById(divid).style.display="none";
document.getElementById(imgdivid).src=openimg;
}
}
</script>
<body>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="54"><div align="center" ><img src="/wind/images/add.gif" name="img_products" width="24" height="24" id="img_products" /></div></td>
<td align="left" class="lan_13"><a href="#" class="lan_13"></a>
<div id="traindata"><a href="javascript:void(0)" onclick="showhidden('products','img_products' , '/wind/images/add.gif' , '/wind/images/del.gif')" target="mainright" >作品管理</a></div></td>
</tr>
<tr>
<td colspan="2" id="products" style="display:none"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%"><div align="center"></div></td>
<td width="15%"><img src="../images/fast-forward.gif" width="24" height="24" /></td>
<td width="60%"><div align="left"><a href="/wind/products/type.jsp" target="mainright" >作品类型管理</a></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><img src="../images/fast-forward.gif" width="24" height="24" /></td>
<td><div align="left"><a href="/wind/products/index.jsp" target="mainright" >作品管理</a></div></td>
</tr>
</table></td>
</tr>
</table>
</body>
相关文章推荐
- jquery垂直展开折叠手风琴二级菜单
- JS点击查看更多内容 控制段落文字展开折叠
- 实现带有数据绑定的客户端脚本控制的二级联动菜单
- 可控制的Select的展开与折叠
- 可滑动展开折叠的jQurey简洁信息导航菜单
- 一款二级菜单和使用自定义标签实现简单权限控制
- 利用ExpandableListView和gridview 显示可展开折叠菜单导航
- Visual Studio展开和折叠函数代码
- 纵向折叠二级菜单(无限点击)
- jQuery实用可展开、折叠的竖向手风琴菜单
- 基于jQuery实现以手风琴方式展开和折叠导航菜单
- DIV+CSS+JS二级树型菜单,展开后刷新无影响-CSS布局实例
- 简单实现js点击展开二级菜单功能
- JQuery做折叠二级菜单
- js实现简单折叠、展开菜单的方法
- css二级侧拉菜单,右侧拉开菜单,右侧展开菜单
- css实现会折叠、展开的菜单导航栏效果
- 可以展开折叠和触摸移动的浮动层 可以用于微信页面
- 最简单的纯js实现点击展开二级菜单功能
- 后台管理平台左侧菜单收缩和展开按钮控制