javascript實(shí)現(xiàn)的多個(gè)層切換效果通用函數(shù)實(shí)例
更新時(shí)間：2015年07月06日 12:29:12 作者：jiedushi
這篇文章主要介紹了javascript實(shí)現(xiàn)的多個(gè)層切換效果通用函數(shù),涉及javascript針對頁面元素樣式的遍歷與操作技巧,需要的朋友可以參考下
本文實(shí)例講述了javascript實(shí)現(xiàn)的多個(gè)層切換效果通用函數(shù)。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
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為鼠標(biāo)單擊的控制層的id和名稱 divId,divName為被控制要顯示和隱藏的層的id和名稱 zDivCount為顯示和隱藏的層的個(gè)數(shù)-1（如果是5個(gè)層則為4）
tagclass,divclass分別為控制層的樣式 和被控制層的樣式
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- javascript實(shí)現(xiàn)Table間隔色以及選擇高亮(和動態(tài)切換數(shù)據(jù))的方法
- JavaScript實(shí)現(xiàn)點(diǎn)擊文字切換登錄窗口的方法
- JavaScript實(shí)現(xiàn)多個(gè)重疊層點(diǎn)擊切換效果的方法
- javascript實(shí)現(xiàn)圖片自動和可控的輪播切換特效
- javascript實(shí)現(xiàn)ecshop搜索框鍵盤上下鍵切換控制
- javascript實(shí)現(xiàn)按回車鍵切換焦點(diǎn)
- 原生javascript實(shí)現(xiàn)圖片按鈕切換
- 原生javascript實(shí)現(xiàn)Tab選項(xiàng)卡切換功能
- javascript實(shí)現(xiàn)切換td中的值
- javascript回車完美實(shí)現(xiàn)tab切換功能
- js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡單實(shí)例
相關(guān)文章
這篇文章主要介紹了JS如何完整獲取IE瀏覽器信息包括類型、版本、語言等等,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了JS制作適用于手機(jī)和電腦的通知信息效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
微信小程序緩存過期時(shí)間的相關(guān)設(shè)置(推薦)
這篇文章主要介紹了微信小程序緩存過期時(shí)間的相關(guān)知識，主要包括微信小程序緩存機(jī)制介紹及哪些是一定需要過期的緩存，本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
這篇文章主要介紹了微信小程序拖拽排序列表的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
javascript實(shí)現(xiàn)隨時(shí)變化著的背景顏色
這篇文章主要介紹了javascript實(shí)現(xiàn)隨時(shí)變化著的背景顏色的方法，非常的簡單實(shí)用，有需要的小伙伴可以直接拿走。2015-04-04
使用JS手寫一個(gè)類似?Laravel?驗(yàn)證器的表單驗(yàn)證器
這篇文章主要為大家介紹了使用JS手寫一個(gè)類似?Laravel?驗(yàn)證器的表單驗(yàn)證器實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
解析ScrollPic在ie8下只滾動一遍,然后變?yōu)榭瞻?ie6,ie7,chrome,firefox正常
解析ScrollPic在ie8下只滾動一遍,然后變?yōu)榭瞻?ie6,ie7,chrome,firefox都正常)2013-06-06
JS實(shí)現(xiàn)定時(shí)自動關(guān)閉DIV層提示框的方法
這篇文章主要介紹了JS實(shí)現(xiàn)定時(shí)自動關(guān)閉DIV層提示框的方法,可實(shí)現(xiàn)加載時(shí)載入js代碼控制div層提示框自動關(guān)閉的效果,非常簡單實(shí)用,需要的朋友可以參考下2015-05-05
前幾天一個(gè)項(xiàng)目讓我頭疼了很久，一個(gè)關(guān)于圖片加載時(shí)的loading效果，因?yàn)椴皇翘甹s，所以在網(wǎng)上各種找資料，但還是不理想，無賴苦心研究，終于有了一點(diǎn)眉目了，雖然個(gè)中還有一些道理不懂，至少目的達(dá)到了2013-11-11
JavaScript URL參數(shù)讀取改進(jìn)版
此前發(fā)表的那一版確實(shí)能不用循環(huán)，但是總用正則表達(dá)式的替換，不一定比用循環(huán)提高性能，而且把程序搞得有些太復(fù)雜了。從《JavaScript權(quán)威指南》上學(xué)到的范例如下2009-01-01