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


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动画(animate)简单引擎代码示例
Dec 04 Javascript
关于jquery css的使用介绍
Apr 18 Javascript
解析使用JS 清空File控件的路径值
Jul 08 Javascript
javascript事件冒泡和事件捕获详解
May 26 Javascript
详解WordPress开发中get_current_screen()函数的使用
Jan 11 Javascript
JavaScript中boolean类型之三种情景实例代码
Nov 21 Javascript
AngularJS 文件上传控件 ng-file-upload详解
Jan 13 Javascript
基于axios封装fetch方法及调用实例
Feb 05 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
JavaScript常见鼠标事件与用法分析
Jan 03 Javascript
nvm、nrm、npm 安装和使用详解(小结)
Jan 17 Javascript
Webpack中loader打包各种文件的方法实例
Sep 03 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
最小化数据传输――在客户端存储数据
2006/10/09 PHP
详解PHP归并排序的实现
2016/10/18 PHP
PHP设计模式之工厂模式详解
2017/10/24 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
基于jquery的页面划词搜索JS
2010/09/14 Javascript
javascrpt绑定事件之匿名函数无法解除绑定问题
2012/12/06 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
2013/09/10 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
Javascript中的匿名函数与封装介绍
2015/03/15 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
纯JS实现本地图片预览的方法
2015/07/31 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
2015/09/04 Javascript
jquery遍历json对象集合详解
2016/05/18 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
vue使用codemirror的两种用法
2019/08/27 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
2019/12/04 Javascript
Vue+ElementUI table实现表格分页
2019/12/14 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
python写xml文件的操作实例
2014/10/05 Python
python脚本设置超时机制系统时间的方法
2016/02/21 Python
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
python3字符串输出常见面试题总结
2020/12/01 Python
澳洲最大的时尚奢侈品电商平台:Cettire
2020/06/15 全球购物
幼儿园中班开学寄语
2014/04/03 职场文书
机关班子查摆问题及整改措施
2014/10/28 职场文书
微信小程序用户授权最佳实践指南
2021/05/08 Javascript
深入解析Apache Hudi内核文件标记机制
2022/03/31 Servers
MySQL分区路径子分区再分区
2022/04/13 MySQL
Java Spring Boot请求方式与请求映射过程分析
2022/06/25 Java/Android