您的位置:首页 > 其它

用于控制二级菜单展开/折叠的函数

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: