當前位置:才華齋>設計>網頁設計>

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

網頁設計 閱讀(1.74W)

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

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

function ChangeDiv(tagId,tagName,divId,divName,zDivCount,tagclass,divclass) {for(i=0;i<=zDivCount;i++) {lementById(divName+i)lay="none";lementById(divName+i)sName=';lementById(tagName+i)sName=';}lementById(divName+divId)lay="block";lementById(tagName+tagId)sName=tagclass;lementById(divName+divId)sName=divclass;}

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

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

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