js为什么点击图片,图片切换不了


<body>
  <div></div>
  <script>
  var div=document.getElementsByTagName('div')[0];
  div.style.backgroundColor="green";
 div.style.height="100px";
 div.style.width="100px";
var count=true;
  div.onclick=function(){

if(count=true){
     this.style.backgroundColor="red";
     this.style.width="200px";
     this.style.height="200px";
     this.style.borderRadius="50%";
     count=false;

}
if(count=false)
      {
          this.style.backgroundColor="green";
 this.style.height="100px";
 this.style.width="100px";
 count=true;

      }
  }

    </script>

 </body>



我点击了一下图片,用控制台查看时,count的值确实由true转为false了,但是为什么再点时图片切换不了,不懂哪里错了。
1

1个回答

if中的=改为==,=是赋值了,点击后最后的if就是给count赋值为false,无法再改了

if(count=true){
==>>
if(count==true){

if(count=false)
===>
if(count==false)

而且你应该改为if else结构。。二个并列的if语句,上面为改为false后又执行一次false判断为真又改回true了



<body>
  <div></div>
  <script>
  var div=document.getElementsByTagName('div')[0];
  div.style.backgroundColor="green";
 div.style.height="100px";
 div.style.width="100px";
var count=true;
  div.onclick=function(){

if(count==true){
     this.style.backgroundColor="red";
     this.style.width="200px";
     this.style.height="200px";
     this.style.borderRadius="50%";
     count=false;

}
else
      {
          this.style.backgroundColor="green";
 this.style.height="100px";
 this.style.width="100px";
 count=true;

      }console.log(count)
  }

    </script>

 </body>

0
qq_34989522
qq_34989522 if(count=false)改为if(count==false)
10 个月之前 回复
caozhy
贵阳挖掘机马善福,自备车辆专业挖游泳池 非常正确,lz问题解决别忘记采纳下哦。
10 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js实现点击图片切换另一图片,再次点击恢复
[code=&quot;java&quot;] function change_pic(){ var imgObj = document.getElementById(&quot;pic&quot;); var Flag=(imgObj.getAttribute(&quot;src&quot;,2)==&quot;1.png&quot;) imgObj.src=Flag?&quot;2.png&quot;:&quot;1.png&quot;; } [/code] 后面的参数2是指其属性。如
js实现点击图片的切换
点击图片切换为另一个图片,再点击后又会变为原来的图片&amp;lt;img src=&quot;images/del.png&quot; id=&quot;img&quot;&amp;gt;&amp;lt;script&amp;gt;var image=document.getElementById('img');image.onclick=function (){var mysrc=image.getAttribute('src');if(mysrc=='image...
如何用js实现点击图片切换为另一图片,再次点击恢复到原图片
如何用js实现点击图片切换为另一图片,再次点击恢复到原图片 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;如何用js实现点击图片切换为另一图片,再次点击恢复到原图片&amp;lt;/title&amp;gt; &am
使用JavaScript点击事件切换图片
&amp;lt;body&amp;gt;     &amp;lt;div id=&quot;mydiv&quot;&amp;gt; &amp;lt;img src=&quot;img/LIGE.jpg&quot;width=&quot;200&quot; height=&quot;150&quot; title=&quot;我是LIGE&quot;/&amp;gt; &amp;lt;img src=&quot;img/1480988130963.jpeg&quot; width=&quot;200&qu
JSP+JavaScript实现图片切换
使用jsp+JavaScript实现图片切换。 思路:通过JavaScript设置图片是否显示实现来实现切换的效果。 下面给出三幅图片,每幅图片下面附带有文字说明,切换图片的时候,文字也切换。                                                                                          
JS 实现图片切换的效果
首先看一下效果图,大体这样的,点击左边的按钮,切换图片。 看上去挺简单,但是还是有几个难点的,所以就把这个案例挑出来好好的分析一下。 第一步:布局 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;图片切换器&amp;lt;/title&amp;gt;
JS切换图片
JS格式: var i = 1; function changeImg(){} docunment.getElementById(&quot;img1&quot;).src=&quot;../../img/&quot;+i+&quot;.jpg&quot;; &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
网页制作用JavaScript实现不同风格的图片切换效果
用JavaScript实现不同风格的图片切换效果只需简单的几个步骤就可以实现。 主要运用效果资源包。
js 图片切换 上一张下一张效果
js 图片切换 点击切换上一张下一张效果
JS的一些简单应用 —— 点击切换图片之开关灯
&amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;amp;gt; &amp;amp;lt;script&amp;amp;gt; function toggle() {
js图片选择顺序切换和循环切换的功能
图片切换 #box{width:400px;margin:0 auto;} #box>div{text-align: center;margin:10px auto;display: block;} #box div>input{margin-left: 5px;border-radius: 3px;border:1px solid #ccc;} #box>p{text-align: cente
js按钮图片显示,点击按钮切换图片
var var_insert_button_html = '&amp;lt;p style=&quot;text-align: center;&quot;&amp;gt; &amp;lt;img id=&quot;btn_' + row_no + '&quot; src=&quot;ext/icon_image/down1.png&quot; width=&quot;25px&quot; height=&quot;25px&quot; alt=&quot;picture is missing&quot; n
用javascript实现图片的切换
先把相应的图片路径添加到存储图片路径的数组imgArr里,之后运行代码就可以实现图片的切换了 以下是代码: &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt;     &amp;lt;head&amp;gt;         &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;         &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;         &amp;lt;!
原生JavaScript实现简单的图片切换——DOM操作
在实际应用中,我们总是有进行图片切换操作的需求。图片切换有许多实现方法,有的用jQuery,有的借用框架等等。本文回归最初的最简单的实现。借用原生DOM操作实现定时切换图片。下面是代码: html代码: &amp;lt;div class=&quot;left&quot; id=&quot;left&quot;&amp;gt; &amp;lt;img id=&quot;placeholder&quot; src=&quot;./images/1.jpg&quot; alt=&quot;1&quo
纯JS实现点击多图片切换效果
纯JS实现点击多图片切换效果。 可以插入到你的网页中做用来做网页物资。
js实现图片切换(dom)
setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口); DOM描绘了一个层次化的节点树,运行开发人员可以添加/移除和修改页面的某一部分;一 DOM介绍 D(文档):可以理解为整个Web加载的...
JavaScript实现图片切换
实例代码如下: 1 JS 代码: &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; //页面加载后加载JS    window.onload=function(){        //获取文档元素        var pre=document.getElementById(&quot;btn1&quot;);        var nex=document.getElementById...
点击图片更换验证码的实现
服务器端编写好生成验证码的方法,由于客户端浏览器会缓存URL相同的资源,可以使用随机数来重新请求: 来源:http://blog.sina.com.cn/s/blog_60fcb5a10100s4c6.html
js简单实现图片切换效果
js简单实现图片切换效果 body{ margin: 0; padding: 0; } .adbody{ width:100%; height:100%; } .adPanel{ width:100%; height:100%; } var count =
JS函数之多组图片切换
函数传递参数:参数=JS的数据类型。 遵循的原则:1.尽量保证HTML代码结构一致,可以通过父元素获取子元素;2.把核心主程序通过函数包起来;3.把魅族不同的值找出来,通过传参实现。 以下为多组图片切换的实例。 以上为效果图。左图是通过点击右边方框,实现切换图像。右图是通过鼠标移动到相应方框,来实现切图。
几种js图片之间切换的方法整理
放了几种自己用到的js处理图片的方法,以免到时候用的时候忘记或者是可以直接用来复制粘贴方便一些。
通过js实现图片左右点击图片左右切换效果
                                            通过js实现图片左右点击图片左右切换效果 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术: Dreamweaver 通过js实现图片左右点击图片左右切换效果 作...
jq实现点击容器实现2张图片切换(改变src路径)
实现点击一个容器实现图片切换的方法有很多,本篇为使用jquery实现点击图片,实现在2张图片来回切换。思路为: 1.点击某个容器触发事件,事件对要处理的目标进行判断。 2.判断如果当前某处的图片的src等于要切换的图片的src,则让src等于第二张图片的路径。 3.如果当前判断的图片与第一张图片的src不同,则让做判断的图片等于第一张图片。   代码如下: $('.createbox').
JS实现点击按钮图片左右切换、点击图片按钮出现下拉菜单
前天帮祥哥他女票做个网页作业,大概要求就是使用两个按钮控制图片的切换,在页面右上角出现一个图片按钮,点击这个按钮出现下拉菜单。 第一个要求还是很简单的,第二个多花了我几个小时的时间,因为我只做过select下拉菜单,这种使用图片按钮的还真没整过。不过后来找到一种方法就是对下拉菜单单独放置一个div,设置style=”display:none”,当点击图片按钮的时候更改style=”display:
Jquery实现图片切换的三种方法
获取数字的背景颜色 ,切换图片的按钮的背景颜色和实现按钮图片替换。 function back(num){ $(&quot;.adver&quot;).css({&quot;background&quot;:&quot;url('images/adver0&quot;+num+&quot;.jpg')&quot;}) $(&quot;li&quot;).css({&quot;background&quot;:&quot;black&qu
点击切换图片的底部导航
点击切换图片的底部导航 随着H5的兴起,APP风格的页面成了切页面的日常,写底部导航时,在网上找的没有找到合适的,就自己试着用jQuery实现了一下,希望能有帮助 UI给的切图是这样的,不得不说,很贴心,哈哈哈哈。 实现结果是这样的: 三个tab是一样的,所以这里可以用事件代理,点击事件的添加,有关事件代理的详细信息看这里:https://www.cnblogs.com/liu...
菜单栏的水波纹效果
1.菜单栏点击产生水波纹效果,代码如下: 原生js实现水波纹效果 .container { width: 600px; height: 600px; margin: 0 auto; text-align: center; } .menu { width: 480px; padding: 0; margin: 40px auto; position
js的判断以及图片的点击切换效果
js的判断知识 1、js中判断的几种类型     1) if( 判断条件  ){                条件成立时,执行里面的语句                条件不成立时,不执行         }     2)if( 判断条件  ){               条件成立时,执行里面的语句         } else{                条件不成立时,
【JavaScript】(8)——实例:图片切换效果
背景:不知道怎么回事,最近做的项目都是在和UI打交道,各种图片,各种表格,各种按钮的组合、拼接;写各种JS方法让他们无缝组合,自由切换;对CSS+HTML中的多种属性都熟悉了一下,盒子模型,背景图片等等。刚刚接手的时候既兴奋又激动,但是实际忙起来,既眼花又头疼。不过还好持续的时间不算太长,熟练了,适应了,就好了。 一、问题出世     项目中要实现checkbox功能,但是用的
js实现图片轮换,大图片下面的一行小div背景图片跟着一起轮换
js实现图片轮换,大图片下面的一行小div背景图片跟着一起变换
用javascript点击小圆点循环播放轮播图片
点击小圆点循环播放图片 &lt;style&gt; *{ padding: 0; margin: 0; } .place{ position: relative; width: 800px; h...
vue.js使用select切换图片
div id="app"> div class="pic"> img :src=imgsrc> div> 第1张第2张第3张 option无法添加事件--> select v-model="selected" @change="changeimg(parseInt(selected))"> option value="1">第一张o
JS图片翻滚,多图点击后轮流调到最上面
JS图片翻滚,多图点击后轮流调到最上面JS图片 图片切换 图片放大 图片特效
JS实现点击button按钮切换图片
JS实现点击button按钮切换图片 放暑假在家打算学习html/css/js制作网页,只有html/css的一些基础。实现效果如图: 这个网页很简单,是用Dreamweaver写的,但是是通过自己做的,算是对JS的一个入门案列。 最初的想法是是做一轮播效果,但是刚开始学JS发现有很多问题,所以就做了一个简单的图片切换。 body部分: &amp;lt;body&amp;gt; &amp;lt;h1&amp;gt;...
模仿淘宝产品图片左右切换js特效代码
模仿淘宝产品图片左右切换js特效代码,就像淘宝商城浏览产品展示那样,有缩略图,大图,鼠标放上去显示大图(放大镜效果)
点击时文字左右切换(不同于图片左右切换)
作者:zccst 文字左右切换,慢慢收集 很难找到现成的东西,所以只能自己实现 源码详见附件,还在慢慢完善
使用JavaScript来实现图片的切换
最终实现的效果如图: 设计的思路是这样的:    1.上面的图片个数是变化的,初始化为0  -> num   2.图片要动态的加进去,不是一开始就定好的,通过传递的参数确定,将图片都放到一个数组中去 ->imgArr   3.图片对应的li也是变化的,根据传入的图片的个数来定   4.图片对应的文本也是变化的 textArr   5.事件也是变化的,通过参数传进去 ->evt
原生js淡入淡出轮播图
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt;http://www.w3.org/1999/xhtml&quot;&amp;gt;图片轮播 js原生(淡入淡出)body,div,ul,li,a,img{margin: 0;padding: 0;}ul,li{list-style: none;}a{te...
利用js实现简单的图片切换(上下张切换)
利用js实现简单的图片切换(上下张切换) 简单的图片切换 var crr=1; function changePic(){ var imgObj=document.getElementById("myPic"); imgObj.src=crr+".jpg";
多个图片切换src地址(点击当前图片切换src地址,其他图片仍为默认的状态)
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;ul class=&quot;showSocialList