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


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 相关文章推荐
Jquery常用技巧收集整理篇
Nov 14 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
Jun 27 Javascript
jqTransform美化表单
Oct 10 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
Jan 30 Javascript
JS原型、原型链深入理解
Feb 27 Javascript
jQuery增加与删除table列的方法
Mar 01 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
BootStrap的Datepicker控件使用心得分享
May 25 Javascript
React学习笔记之条件渲染(一)
Jul 02 Javascript
微信小程序异步处理详解
Nov 10 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
Nov 09 Javascript
Map与WeakMap类型在JavaScript中的使用详解
Nov 18 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
thinkphp特殊标签用法概述
2014/11/24 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
php多线程并发实现方法
2016/09/30 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
createElement动态创建HTML对象脚本代码
2008/11/24 Javascript
jQuery插件开发汇总
2016/05/15 Javascript
javascript实现多张图片左右无缝滚动效果
2017/03/22 Javascript
node打造微信个人号机器人的方法示例
2018/04/26 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
2020/05/28 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
2019/05/16 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
在vue中封装方法以及多处引用该方法详解
2020/08/14 Javascript
[03:26]《DAC最前线》之EG经理自述DOTA2经历
2015/02/02 DOTA
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
python中zip()方法应用实例分析
2016/04/16 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
Django Admin 实现外键过滤的方法
2017/09/29 Python
python 二分查找和快速排序实例详解
2017/10/13 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
pandas.cut具体使用总结
2019/06/24 Python
Python pandas对excel的操作实现示例
2020/07/21 Python
Python如何telnet到网络设备
2021/02/18 Python
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
YesBabyOnline美国:全球性的在线婚纱礼服工厂
2018/05/05 全球购物
会计工作心得体会
2014/01/13 职场文书
《九色鹿》教学反思
2014/02/27 职场文书
大学英语专业求职信
2014/06/21 职场文书
语文教育专业求职信
2014/06/28 职场文书
工作总结与自我评价
2014/09/18 职场文书
大学生暑期实践报告
2015/07/13 职场文书
写作技巧:如何撰写一份优秀的营销策划书
2019/08/13 职场文书
Spring整合Mybatis的全过程
2021/06/28 Java/Android
Python3的进程和线程你了解吗
2022/03/16 Python
Golang 结构体数据集合
2022/04/22 Golang
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python