用Javascript实现菜单折叠效果

最新推荐文章于 2023-09-19 09:43:27 发布

iteye_608

最新推荐文章于 2023-09-19 09:43:27 发布

阅读量463

点赞数

分类专栏： J2EE 文章标签： JavaScript CSS HTML 脚本 ViewUI

J2EE 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

在网上看了好多用Javascript实现菜单折叠的例子都特别的麻烦，于是自己写了一个虽然效果不如网上的强但是也可以实现了相应的功能：

functiondisplay(num) 
{
if(menu_left[num].style.display=="none") 
{
for(a=0;a<menu_left.length;a++){ 
if(a==num){ 
menu_left[a].style.display="inline"; 
}
else{ 
menu_left[a].style.display="none"; 
}
}
}
else{ 
menu_left[num].style.display="none"; 
}
}

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 
<linkrel="stylesheet"type="text/css"href="../../css.css"> 
<scriptlanguage="javascript"src="hide.js"></script> 

</head> 
<body> 
<divclass="menu_left"> 
<ul> 

<li> 
<ahref="javascript:display(0)">号码信息维护管理</a> 
<divid="menu_left"style="display:none"> 
<ul> 
<li> 
<ahref="information_select.html"target="right">查询号码信息</a> 
</li> 
<li> 
<ahref="information_batchupdata.html"target="right">状态批量修改页面</a> 
</li> 
<li> 
<ahref="loginformation_select.html"target="right">日志查询页面</a> 
</li> 
</ul> 
</div> 
</li> 
<li> 
<ahref="javascript:display(1)">号码回收</a> 
<divid="menu_left"style="display:none"> 
<ul> 
<li> 
<ahref="recovery/numbers_list_recovery.html"target="right">待回收号码清单</a> 
</li> 
<li> 
<ahref="recovery/numbers_statistics_recovery.html"target="right">待回收号码详情统计</a> 
</li> 
</ul> 
</div> 
</li> 
<li> 
<ahref="restart/options.html"target="right">回收号码启用</a> 

</li> 
</ul> 
</div> 
<divclass="right"> 
<iframeclass="rightIframe"src="information_select.html"name="right"frameborder="0"scrolling="no"width="100%"οnlοad="this.height=0;varfdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>7?fdh:7)"allowtransparency="false"> 
</iframe> 
</div> 
</body> 
</html>

这样就实现了菜单的折叠效果了，是不是觉得很简单啊。
还有一点要注意在引入脚本的时候<script></script>要这样写全，要不然会出不来页面。

iteye_608

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用Javascript实现菜单折叠效果

在网上看了好多用Javascript实现菜单折叠的例子都特别的麻烦，于是自己写了一个虽然效果不如网上的强但是也可以实现了相应的功能：functiondisplay(num) {if(menu_left[num].style.display=="none") {for(a=0;a&lt;menu_left.length;a++){ if(a==num){ menu_lef...
复制链接

扫一扫

专栏目录