欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

单击按钮显示隐藏子菜单经典案例

时间:2020-12-31 13:55:29|栏目:JavaScript代码|点击:
复制代码 代码如下:

<mce:script language="javascript"><!--
var count=0;//做计数器
var limit=new Array();//用于记录当前显示的哪几个菜单
var countlimit=1;//同时打开菜单数目,可自定义
function expandIt(el) {
obj = eval("" + el);
if (obj.style.display == "none") {
obj.style.display = "block";//显示子菜单
if (count<countlimit) {//限制2个
limit[count]=el;//录入数组
count++;
}
else {
eval("" + limit[0]).style.display = "none";
for (i=0;i<limit.length-1;i++) {limit[i]=limit[i+1];}//数组去掉头一位,后面的往前挪一位
limit[limit.length-1]=el;
}
}
else {
obj.style.display = "none";
var j;
for (i=0;i<limit.length;i++) {if (limit[i]==el) j=i;}//获取当前点击的菜单在limit数组中的位置
for (i=j;i<limit.length-1;i++) {limit[i]=limit[i+1];}//j以后的数组全部往前挪一位
limit[limit.length-1]=null;//删除数组最后一位
count--;
}
}
// --></mce:script>

上一篇:smartcrop.js智能图片裁剪库

栏    目:JavaScript代码

下一篇:javascript GUID生成器实现代码

本文标题:单击按钮显示隐藏子菜单经典案例

本文地址:http://www.codeinn.net/misctech/38587.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有