DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 單擊按鈕顯示隱藏子菜單經典案例
單擊按鈕顯示隱藏子菜單經典案例
編輯:關於JavaScript     
復制代碼 代碼如下:
<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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved