單擊按鈕顯示隱藏子菜單經(jīng)典案例
更新時間:2013年01月04日 09:56:16 作者:
單擊按鈕實現(xiàn)顯示隱藏子菜單很經(jīng)典的一個案例,接下來為您呈現(xiàn)代碼,需要了解的朋友可以參考下
復制代碼 代碼如下:
<mce:script language="javascript"><!--
var count=0;//做計數(shù)器
var limit=new Array();//用于記錄當前顯示的哪幾個菜單
var countlimit=1;//同時打開菜單數(shù)目,可自定義
function expandIt(el) {
obj = eval("" + el);
if (obj.style.display == "none") {
obj.style.display = "block";//顯示子菜單
if (count<countlimit) {//限制2個
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;}//獲取當前點擊的菜單在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)限問題 要求控制的對象是 菜單,按鈕,URL
- jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
- js使用DOM設置單選按鈕、復選框及下拉菜單的方法
- js+css實現(xiàn)有立體感的按鈕式文字豎排菜單效果
- jQuery EasyUI 菜單與按鈕之創(chuàng)建簡單的菜單和鏈接按鈕
- 輕松學習jQuery插件EasyUI EasyUI創(chuàng)建菜單與按鈕
- 基于Android實現(xiàn)點擊某個按鈕讓菜單選項從按鈕周圍指定位置彈出
- javascript+css3 實現(xiàn)動態(tài)按鈕菜單特效
- Bootstrap入門書籍之(四)菜單、按鈕及導航
- 第七章之菜單按鈕圖標組件
相關(guān)文章
JavaScript設計模式之觀察者模式(發(fā)布者-訂閱者模式)
這篇文章主要介紹了JavaScript設計模式之觀察者模式(發(fā)布者-訂閱者模式),本文詳細的講解了JavaScript中的觀察者模式,需要的朋友可以參考下2014-09-09
JavaScript 隱式類型轉(zhuǎn)換規(guī)則詳解
這篇文章主要為大家介紹了JavaScript 隱式類型轉(zhuǎn)換規(guī)則詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步早日升職加薪2023-05-05
解決包含在label標簽下的checkbox在ie8及以下版本點擊事件無效果兼容的問題
這篇文章主要介紹了解決包含在label標簽下的checkbox在ie8及以下版本點擊事件無效果兼容的問題,本文給大家總結(jié)的非常詳細,需要的朋友可以參考下2019-10-10

