單擊按鈕顯示隱藏子菜單經(jīng)典案例
更新時間:2013年01月04日 09:56:16 作者:
單擊按鈕實現(xiàn)顯示隱藏子菜單很經(jīng)典的一個案例,接下來為您呈現(xiàn)代碼,需要了解的朋友可以參考下
復(fù)制代碼 代碼如下:
<mce:script language="javascript"><!--
var count=0;//做計數(shù)器
var limit=new Array();//用于記錄當(dāng)前顯示的哪幾個菜單
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;}//獲取當(dāng)前點擊的菜單在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設(shè)置單選按鈕、復(fù)選框及下拉菜單的方法
- js+css實現(xiàn)有立體感的按鈕式文字豎排菜單效果
- jQuery EasyUI 菜單與按鈕之創(chuàng)建簡單的菜單和鏈接按鈕
- 輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建菜單與按鈕
- 基于Android實現(xiàn)點擊某個按鈕讓菜單選項從按鈕周圍指定位置彈出
- javascript+css3 實現(xiàn)動態(tài)按鈕菜單特效
- Bootstrap入門書籍之(四)菜單、按鈕及導(dǎo)航
- 第七章之菜單按鈕圖標(biāo)組件
相關(guān)文章
JavaScript判斷數(shù)組是否包含指定元素的方法
這篇文章主要介紹了JavaScript判斷數(shù)組是否包含指定元素的方法,涉及javascript中contains方法的使用技巧,需要的朋友可以參考下2015-07-07javascript實現(xiàn)TreeView 無刷新展開的實例代碼
這篇文章介紹了javascript實現(xiàn)TreeView 無刷新展開的實例代碼,有需要的朋友可以參考一下2013-07-07IE8對JS通過屬性和數(shù)組遍歷解析不一樣的地方探討
如果是非IE8瀏覽器例如(IE7、IE9、Chrome、FF,僅測試這幾種)通過屬性和數(shù)組遍歷,其結(jié)果是一樣的,但對于IE8,結(jié)果會有一點小小的差異,在IE8下會把原型鏈擴(kuò)展方法當(dāng)做一個屬性輸出,大家可以測試一下2013-05-05JavaScript?canvas實現(xiàn)水球加載動畫
這篇文章主要為大家詳細(xì)介紹了JavaScript?canvas實現(xiàn)水球加載動畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-04-04JSP跨iframe如何傳遞參數(shù)實現(xiàn)代碼
表單與操作頁面分離,按鈕按下,click 或者onclick事件觸發(fā),傳遞一個唯一性的參數(shù)至子頁面JSP,感興趣的朋友可以了解下2013-09-09寫了10年的Javascript也未必全了解的連續(xù)賦值運算
很喜歡 蔡蔡 的這個標(biāo)題,實際蔡蔡已經(jīng)分析過了,這里借用了。或許有點標(biāo)題黨的意思。看完就知了。2011-03-03