lt！doctype html lthtml ltmeta charset=quotutf8quot lthead lttitleDIV層切換lttitle ltscript language=quotJavascriptquot type=quottextjavascriptquot function ChangeDivdivId，divName，zDivCount fori=0ilt=zDiv；lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltstyle html，body，div margin 0 padding 0 wrap div display inlineblock width 60px height。

3所以根據12可以實現一個點擊切換樣式的效果，示例代碼如下ltscript type=quottextjavascriptquot quot#mydivquotclickfunction if $thishasClassquotcss1quot thisremoveClassquotcss1quotthisaddCl；return false ltscriptltheadltbodylta href=quot#quot id=quotlinkquot顯示\隱藏切換ltaltdiv id=quotthedivquot style=quotdisplayblockquot歡迎您ltdivltbodylthtml以上代碼實現了我們的要求，點擊頂部鏈接可以實現div。

手癢癢的，順便把代碼寫出來了，不知道是不是你想要的如下lthtml lthead lttitle測試lttitle ltscript type=quottextjavascriptquot var NowImg=1表示當前顯示的div var MaxImg=5表示div的個數 functio；思路，定義一個類on 里面屬性是transformrotete45deg當點擊a的時候判斷b是否有on這個類 如果有移除 如果沒有添加基本代碼如下，僅供參考 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot ltmeta。

js點擊切換div特效代碼是什么

1、lt！DOCTYPE htmllthtmlltheadltstylec1 backgroundredc2 backgroundblueltstyleltheadltbodyltscriptfunction changeclass var divEle= documentgetElementById#39diva#39 divEleclassName=。

2、原理就是講全部的div都隱藏只有點擊的div顯示ltscript type=quottextjavascriptquot$function$quot#list aquotclickfunction點擊鏈接 $quot#main divquotcssquotdisplayquot，quotquot將main下所有的div都隱藏。

3、quot#c_dquotclickfunction$quot#d1quothidequot#c_rquotclickfunction$quot#d1quotshowwidth100height100cssquotbackgroundquot，quot#f00quot這個是給你的參考，div定義id為d1 初始值設。

4、有幾種實現方式，首先jQuary是最簡單的 documentreadyfunction $選擇器onclickfunction $目標divhtmlquot寫入內容quot 可以用請求加載內容 $目標divloadquot請求urlquot，function。

5、ltstyle#box divwidth200px height30px margin10px backgroundcolor#edd displayltstyleltdiv id=quotboxquot ltdiv我是1，點我顯示2，然后我隱藏ltdiv ltdiv我是2，點我顯示3，然后我。

javascript點擊按鈕切換文字

3在ue編輯器中輸入以下css代碼4在ue編輯器中輸入以下js代碼5編輯完成以后，在ue編輯器中點擊保存，格式選擇UTF8無BOM6在瀏覽器中打開此html文件，可以看到最終想要實現的點擊按鈕改變div背景顏色效果。