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


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 multiple全选与取消全选实现代码
Dec 04 Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
Sep 21 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
Sep 27 Javascript
关于react中组件通信的几种方式详解
Dec 10 Javascript
vue cli 全面解析
Feb 28 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
详解JavaScript 中的批处理和缓存
Nov 19 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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
IIS6的PHP最佳配置方法
2007/03/19 PHP
linux下为php添加curl扩展的方法
2011/07/29 PHP
PHP面向对象三大特点学习(充分理解抽象、封装、继承、多态)
2012/05/07 PHP
php设计模式之简单工厂模式详解
2014/09/04 PHP
PHP实现手机号码中间四位用星号(*)隐藏的自定义函数分享
2014/09/27 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
取得父标签
2006/11/14 Javascript
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
2007/05/30 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
js的touch事件的实际引用
2014/10/13 Javascript
JavaScript的jQuery库中ready方法的学习教程
2015/08/14 Javascript
jquery实现清新实用的网页菜单效果
2015/08/28 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
2017/01/18 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
2018/12/03 Javascript
详解Vue用cmd创建项目
2019/02/12 Javascript
小程序中设置缓存过期的实现方法
2020/01/14 Javascript
python生成器generator用法实例分析
2015/06/04 Python
在Python中输入一个以空格为间隔的数组方法
2018/11/13 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
python中requests模拟登录的三种方式(携带cookie/session进行请求网站)
2020/11/17 Python
迪卡侬荷兰官网:Decathlon荷兰
2017/10/29 全球购物
Marlies Dekkers内衣美国官方网上商店:高端内衣品牌
2018/11/12 全球购物
军训自我鉴定100字
2014/02/13 职场文书
百货商场楼层班组长竞聘书
2014/03/31 职场文书
2014年师德承诺书
2014/05/23 职场文书
2014年秋季开学典礼主持词
2014/08/02 职场文书
学生考试舞弊检讨书
2015/01/01 职场文书
死亡赔偿协议书
2015/01/28 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书
新闻稿件写作范文
2015/07/18 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书