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


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 form 验证函数 当前比较流行的错误提示
Jun 23 Javascript
JQuery的ajax基础上的超强GridView展示
Sep 18 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
Jul 11 Javascript
js控制淡入淡出示例代码
Nov 12 Javascript
Vue.js动态组件解析
Sep 09 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
前端页面文件拖拽上传模块js代码示例
May 19 Javascript
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
vue实现图片上传到后台
Jun 29 Javascript
如何利用javascript接收json信息并进行处理
Aug 06 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
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
PHP以指定字段为索引返回数据库所取的数据数组
2013/06/30 PHP
php读取mysql中文数据出现乱码的解决方法
2013/08/16 PHP
PHP中isset、empty的用法与区别示例详解
2020/11/05 PHP
js 阻止子元素响应父元素的onmouseout事件具体实现
2013/12/23 Javascript
用javascript读取xml文件读取节点数据
2014/08/12 Javascript
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
原生JS简单实现ajax的方法示例
2016/11/29 Javascript
js的OOP继承实现(必看篇)
2017/02/18 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
2018/04/01 Javascript
Vue axios设置访问基础路径方法
2018/09/19 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
ES6 Symbol在对象中的作用实例分析
2020/06/06 Javascript
为什么推荐使用JSX开发Vue3
2020/12/28 Vue.js
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
Python爬虫框架Scrapy实战之批量抓取招聘信息
2015/08/07 Python
Python的Tornado框架实现异步非阻塞访问数据库的示例
2016/06/30 Python
Python2随机数列生成器简单实例
2017/09/04 Python
Python实现的文本对比报告生成工具示例
2018/05/22 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
python实现图片中文字分割效果
2019/07/22 Python
Python PIL图片添加字体的例子
2019/08/22 Python
Python实现Keras搭建神经网络训练分类模型教程
2020/06/12 Python
Python configparser模块应用过程解析
2020/08/14 Python
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
中国高端家电购物商城:顺电
2018/03/04 全球购物
中学生学习生活的自我评价
2013/10/26 职场文书
办公室文员工作职责
2014/01/31 职场文书
生活小常识广播稿
2014/09/16 职场文书
勤俭节约倡议书范文
2015/04/29 职场文书
三国演义读书笔记
2015/06/25 职场文书