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


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在指定DIV加载HTML示例代码
Feb 17 Javascript
JavaScript中document对象使用详解
Jan 06 Javascript
jquery实现select下拉框美化特效代码分享
Aug 18 Javascript
js命名空间写法示例
Dec 18 Javascript
浅谈AngularJs指令之scope属性详解
Oct 24 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
vuejs父子组件之间数据交互详解
Aug 09 Javascript
Vue如何从1.0迁移到2.0
Oct 19 Javascript
React组件refs的使用详解
Feb 09 Javascript
浅谈vuejs实现数据驱动视图原理
Feb 23 Javascript
解决微信小程序中的滚动穿透问题
Sep 16 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 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开发工具之vs2005图解
2008/01/12 PHP
php中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
php curl选项列表(超详细)
2013/07/01 PHP
php 删除目录下N分钟前创建的所有文件的实现代码
2013/08/10 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
Yii框架响应组件用法实例分析
2019/09/04 PHP
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
通过复制Table生成word和excel的javascript代码
2014/01/20 Javascript
浅谈javascript中的DOM方法
2015/07/16 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
AngularJS入门教程之Scope(作用域)
2016/07/27 Javascript
图文详解JavaScript的原型对象及原型链
2016/08/02 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
Angularjs之filter过滤器(推荐)
2016/11/27 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
js+html实现点名系统功能
2019/11/05 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
python设置检查点简单实现代码
2014/07/01 Python
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
用Python实现协同过滤的教程
2015/04/08 Python
python实现简单飞行棋
2020/02/06 Python
浅谈keras 的抽象后端(from keras import backend as K)
2020/06/16 Python
利用python制作拼图小游戏的全过程
2020/12/04 Python
selenium学习教程之定位以及切换frame(iframe)
2021/01/04 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
中国跨境海淘网站:考拉海购
2016/08/01 全球购物
ASICS印度官方网站:日本专业运动品牌
2020/06/20 全球购物
集中采购方案
2014/06/10 职场文书
2014年中秋寄语
2014/08/11 职场文书
python使用BeautifulSoup 解析HTML
2022/04/24 Python
vue生命周期钩子函数以及触发时机
2022/04/26 Vue.js
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS