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


Posted in Javascript onJanuary 04, 2013
<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>
Javascript 相关文章推荐
js中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
js 提交和设置表单的值
Dec 19 Javascript
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
关于javascript模块加载技术的一些思考
Nov 28 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
Mar 02 Javascript
JSONP原理及简单实现
Jun 08 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
Apr 21 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
js for终止循环 跳出多层循环
Oct 04 Javascript
详解package.json版本号规则
Aug 01 Javascript
vuex actions异步修改状态的实例详解
Nov 06 Javascript
JavaScript中的宏任务和微任务详情
Nov 27 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 #Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 #Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 #Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 #Javascript
JavaScript实现x秒后自动跳转到一个页面
Jan 03 #Javascript
Javascript 判断是否存在函数的方法
Jan 03 #Javascript
JavaScript中“基本类型”之争小结
Jan 03 #Javascript
You might like
php面向对象全攻略 (十) final static const关键字的使用
2009/09/30 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
JavaScript 三种创建对象的方法
2009/10/16 Javascript
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
javascript 数组排序函数sort和reverse使用介绍
2013/11/21 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
2014/02/11 Javascript
javascript将相对路径转绝对路径示例
2014/03/14 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
jQuery实现多级联动下拉列表查询框
2016/01/18 Javascript
Bootstrap项目实战之子栏目资讯内容
2016/04/25 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
2016/05/20 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
vue params、query传参使用详解
2017/09/12 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
2017/11/11 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
js实现select下拉框选择
2020/01/11 Javascript
解决vue中的无限循环问题
2020/07/27 Javascript
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法
2017/05/24 Python
Python处理文本换行符实例代码
2018/02/03 Python
1分钟快速生成用于网页内容提取的xslt
2018/02/23 Python
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
2020/01/13 Python
全球地下的服装和态度:Slam Jam
2018/02/04 全球购物
教师党员承诺书
2014/03/25 职场文书
事业单位考核材料
2014/05/21 职场文书
人力资源本科毕业生求职信
2014/06/04 职场文书
公司年底活动方案
2014/08/17 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
2015年宣传部个人工作总结
2015/05/14 职场文书
一行代码python实现文件共享服务器
2021/04/22 Python