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


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 相关文章推荐
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
Jan 27 Javascript
Javascript中拼接大量字符串的方法
Feb 05 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
Jul 09 Javascript
基于JavaScript实现带缩略图的轮播效果
Jan 12 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
JS实现简单获取最近7天和最近3天日期的方法
Apr 18 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
Sep 18 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
Jul 04 Javascript
javascript实现前端成语点击验证优化
Jun 24 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
盘点被央视点名过的日本动画电影 一部比一部强
2020/03/08 日漫
一个SQL管理员的web接口
2006/10/09 PHP
php中sql注入漏洞示例 sql注入漏洞修复
2014/01/24 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
2010/04/18 Javascript
对new functionName()定义一个函数的理解
2014/05/22 Javascript
js中函数调用的两种常用方法使用介绍
2014/07/17 Javascript
jQuery修改class属性和CSS样式整理
2015/01/30 Javascript
javascript相关事件的几个概念
2015/05/21 Javascript
sencha ext js 6 快速入门(必看)
2016/06/01 Javascript
javascript 利用arguments实现可变长参数
2016/11/21 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
浅谈JS中的反柯里化( uncurrying)
2017/08/17 Javascript
react-router4 配合webpack require.ensure 实现异步加载的示例
2018/01/18 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
vue异步加载高德地图的实现
2018/06/19 Javascript
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
python实现挑选出来100以内的质数
2015/03/24 Python
详解python中xlrd包的安装与处理Excel表格
2016/12/16 Python
Python新手们容易犯的几个错误总结
2017/04/01 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
python爬虫 2019中国好声音评论爬取过程解析
2019/08/26 Python
python子线程退出及线程退出控制的代码
2019/10/16 Python
python可视化实现KNN算法
2019/10/16 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
Python建造者模式案例运行原理解析
2020/06/29 Python
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
Shell如何接收变量输入
2012/09/24 面试题
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
质检员工作总结2015
2015/04/25 职场文书
2015年环境监察工作总结
2015/07/23 职场文书
2015年小学师德师风建设工作总结
2015/10/23 职场文书
python中tkinter复选框使用操作
2021/11/11 Python
各国货币符号大全
2022/02/17 杂记
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers