單擊按鈕顯示隱藏子菜單經(jīng)典案例
更新時(shí)間：2013年01月04日 09:56:16 作者：
單擊按鈕實(shí)現(xiàn)顯示隱藏子菜單很經(jīng)典的一個(gè)案例，接下來(lái)為您呈現(xiàn)代碼，需要了解的朋友可以參考下
復(fù)制代碼 代碼如下:
<mce:script language="javascript"><!--
var count=0;//做計(jì)數(shù)器
var limit=new Array();//用于記錄當(dāng)前顯示的哪幾個(gè)菜單
var countlimit=1;//同時(shí)打開(kāi)菜單數(shù)目，可自定義
function expandIt(el) {
obj = eval("" + el);
if (obj.style.display == "none") {
obj.style.display = "block";//顯示子菜單
if (count<countlimit) {//限制2個(gè)
limit[count]=el;//錄入數(shù)組
count++;
}
else {
eval("" + limit[0]).style.display = "none";
for (i=0;i<limit.length-1;i++) {limit[i]=limit[i+1];}//數(shù)組去掉頭一位，后面的往前挪一位
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;}//獲取當(dāng)前點(diǎn)擊的菜單在limit數(shù)組中的位置
for (i=j;i<limit.length-1;i++) {limit[i]=limit[i+1];}//j以后的數(shù)組全部往前挪一位
limit[limit.length-1]=null;//刪除數(shù)組最后一位
count--;
}
}
// --></mce:script>
您可能感興趣的文章:
- extjs 的權(quán)限問(wèn)題 要求控制的對(duì)象是 菜單，按鈕，URL
- jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
- js使用DOM設(shè)置單選按鈕、復(fù)選框及下拉菜單的方法
- js+css實(shí)現(xiàn)有立體感的按鈕式文字豎排菜單效果
- jQuery EasyUI 菜單與按鈕之創(chuàng)建簡(jiǎn)單的菜單和鏈接按鈕
- 輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建菜單與按鈕
- 基于Android實(shí)現(xiàn)點(diǎn)擊某個(gè)按鈕讓菜單選項(xiàng)從按鈕周圍指定位置彈出
- javascript+css3 實(shí)現(xiàn)動(dòng)態(tài)按鈕菜單特效
- Bootstrap入門書籍之（四）菜單、按鈕及導(dǎo)航
- 第七章之菜單按鈕圖標(biāo)組件
相關(guān)文章
javascript中的float運(yùn)算精度實(shí)例分析
javascript中的float運(yùn)算精度的一些問(wèn)題，下面是具體的說(shuō)明。2010-08-08
js 彈出框 替代瀏覽器的彈出框,需要的朋友可以參考下。2010-10-10
javascript 事件處理程序介紹，學(xué)習(xí)js的朋友可以參考下2012-06-06
JavaScript設(shè)計(jì)模式之觀察者模式（發(fā)布者-訂閱者模式）
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之觀察者模式（發(fā)布者-訂閱者模式）,本文詳細(xì)的講解了JavaScript中的觀察者模式,需要的朋友可以參考下2014-09-09
JS獲取瀏覽器語(yǔ)言動(dòng)態(tài)加載JS文件示例代碼
通過(guò)獲取瀏覽器語(yǔ)言版本，來(lái)相對(duì)的加載easyui語(yǔ)言包就是動(dòng)態(tài)加載JS文件，下面有個(gè)不錯(cuò)的實(shí)例，大家可以看看2014-10-10
JavaScript 隱式類型轉(zhuǎn)換規(guī)則詳解
這篇文章主要為大家介紹了JavaScript 隱式類型轉(zhuǎn)換規(guī)則詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2023-05-05
微信小程序動(dòng)態(tài)生成二維碼的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序動(dòng)態(tài)生成二維碼的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-07-07
解決包含在label標(biāo)簽下的checkbox在ie8及以下版本點(diǎn)擊事件無(wú)效果兼容的問(wèn)題
這篇文章主要介紹了解決包含在label標(biāo)簽下的checkbox在ie8及以下版本點(diǎn)擊事件無(wú)效果兼容的問(wèn)題,本文給大家總結(jié)的非常詳細(xì)，需要的朋友可以參考下2019-10-10
js如何準(zhǔn)確獲取當(dāng)前頁(yè)面url網(wǎng)址信息
這篇文章主要為大家介紹了js準(zhǔn)確獲取當(dāng)前頁(yè)面url網(wǎng)址信息的多種方法，包括正則法、split拆分法等，需要的朋友可以參考下2016-04-04
學(xué)習(xí)框架的我，又來(lái)了?？吹?String 對(duì)象擴(kuò)展這一部分，對(duì) trim() 這個(gè)經(jīng)常被來(lái)來(lái)說(shuō)的方法比較感興趣2011-10-10