javascript實現的多個層切換效果通用函數示例

有關javascript實現的多個層切換效果通用函數示例

　　本文實例講述了javascript實現的多個層切換效果通用函數。分享給大家供大家參考。具體實現方法如下：

　　function ChangeDiv(tagId,tagName,divId,divName,zDivCount,tagclass,divclass) {for(i=0;i<=zDivCount;i++) {document.getElementById(divName+i).style.display="none";document.getElementById(divName+i).className=';document.getElementById(tagName+i).className=';}document.getElementById(divName+divId).style.display="block";document.getElementById(tagName+tagId).className=tagclass;document.getElementById(divName+divId).className=divclass;}

　　tagId,tagName為鼠標單擊的控制層的id和名稱 divId,divName為被控制要顯示和隱藏的層的id和名稱 zDivCount為顯示和隱藏的層的個數-1（如果是5個層則為4）

　　tagclass,divclass分別為控制層的樣式 和被控制層的樣式

　　希望本文所述對大家的javascript程序設計有所幫助。

【javascript實現的多個層切換效果通用函數示例】相關文章：

關于jquery簡單圖片切換顯示效果實現方法介紹03-29

淺析jQuery 遍歷函數javascript03-29

Javascript函數的定義和用法分析03-31

JavaScript實現網頁刷新代碼段03-25

JavaScript中push(),join() 函數實例詳解03-31

JavaScript日期時間格式化函數03-30

最常用的20個javascript方法函數03-10

JavaScript中常見的字符串操作函數及用法07-24

常用排序算法之JavaScript實現代碼段03-10