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

最新推荐文章于 2020-09-02 21:31:39 发布

tourstar

最新推荐文章于 2020-09-02 21:31:39 发布

阅读量997

点赞数

分类专栏： Javascript 文章标签： javascript border div class function table

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/tourstar/article/details/6026217

版权

Javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<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)" οnclick="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>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用于控制二级菜单展开/折叠的函数

<br /><script language="javascript"><br />//用于控制二级菜单展开/折叠的函数<br />//divid 二级菜单层/单元格的id<br />//imgdivid 一级菜单的折叠/展开图标id<br />//openimg 二级菜单折叠时一级菜单图标<br />//closeimg 二级菜单展开时一级菜单图标<br />function showhidden( divid , imgdivid , openimg , closeimg){
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。