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背景颜色效果。