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


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 相关文章推荐
javascript中最常用的继承模式 组合继承
Aug 12 Javascript
document.all的一个比较完整的总结及案例
Jan 31 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 Javascript
使用js画图之饼图
Jan 12 Javascript
详解AngularJS实现表单验证
Dec 10 Javascript
Vue.JS入门教程之列表渲染
Dec 01 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
JavaScript数据结构之数组的表示方法示例
Apr 12 Javascript
使用Nuxt.js改造已有项目的方法
Aug 07 Javascript
微信小程序获取用户信息并保存登录状态详解
May 10 Javascript
世界上最短的数字判断js代码
Sep 09 Javascript
手写实现JS中的new
Nov 07 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
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
php异常处理方法实例汇总
2015/06/24 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
正则表达式搭配js轻松处理json文本方便而老古
2013/02/17 Javascript
今天是星期几的4种JS代码写法
2013/09/17 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
2015/02/26 Javascript
javascript数组去重的方法汇总
2015/04/14 Javascript
JS中改变this指向的方法(call和apply、bind)
2016/03/26 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
ztree加载完成后显示勾选节点的实现代码
2018/10/22 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
Vue实现table上下移动功能示例
2019/02/21 Javascript
Vue路由对象属性 .meta $route.matched详解
2019/11/04 Javascript
JavaScript运行机制实例分析
2020/04/11 Javascript
win7安装python生成随机数代码分享
2013/12/27 Python
Python中shutil模块的常用文件操作函数用法示例
2016/07/05 Python
简单谈谈Python中的闭包
2016/11/30 Python
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
python使用opencv按一定间隔截取视频帧
2018/03/06 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
用Anaconda安装本地python包的方法及路径问题(图文)
2019/07/16 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
在Django下创建项目以及设置settings.py教程
2019/12/03 Python
美国最大的团购网站:Groupon
2016/07/23 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
下列程序在32位linux或unix中的结果是什么
2015/01/26 面试题
介绍一下Python中webbrowser的用法
2013/05/07 面试题
2014党员自我评议表范文
2014/09/20 职场文书
2014年电信员工工作总结
2014/12/19 职场文书
2015年大学班主任工作总结
2015/04/30 职场文书