html5-js为什么点击图片，图片切换不了—

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了，但是为什么再点时图片切换不了，不懂哪里错了。

编辑于：2018.10.13 16:01 发布于：2018.10.13 08:44

html5 函数 javascript

赞！好问题，内容完整，我也想问！

烂问题，内容不完整，没有价值。

| 评论0 | 收藏 | 浏览549

: qq_40805263

声望： 16

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>

编辑于：2018.10.13 09:04 发布于：2018.10.13 09:02

| 评论 2

: 支付宝加好友偷能量挖

声望： 85925

赞！答案有帮助，有价值。

答案没帮助：答非所问！

已采纳

: qq_34989522 if(count=false)改为if(count==false); 10 个月之前回复

: 贵阳挖掘机马善福，自备车辆专业挖游泳池 非常正确，lz问题解决别忘记采纳下哦。; 10 个月之前回复

: 插入链接

本地上传网络图片

上传中...

浏览

上传图片

插入图片

其他相关推荐

js实现点击图片切换另一图片，再次点击恢复: [code="java"] function change_pic(){ var imgObj = document.getElementById("pic"); var Flag=(imgObj.getAttribute("src",2)=="1.png") imgObj.src=Flag?"2.png":"1.png"; } [/code] 后面的参数2是指其属性。如

js实现点击图片的切换: 点击图片切换为另一个图片，再点击后又会变为原来的图片&lt;img src="images/del.png" id="img"&gt;&lt;script&gt;var image=document.getElementById('img');image.onclick=function (){var mysrc=image.getAttribute('src');if(mysrc=='image...

如何用js实现点击图片切换为另一图片，再次点击恢复到原图片: 如何用js实现点击图片切换为另一图片，再次点击恢复到原图片 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;如何用js实现点击图片切换为另一图片，再次点击恢复到原图片&lt;/title&gt; &am

使用JavaScript点击事件切换图片: &lt;body&gt; &lt;div id="mydiv"&gt; &lt;img src="img/LIGE.jpg"width="200" height="150" title="我是LIGE"/&gt; &lt;img src="img/1480988130963.jpeg" width="200&qu

JSP+JavaScript实现图片切换: 使用jsp+JavaScript实现图片切换。思路：通过JavaScript设置图片是否显示实现来实现切换的效果。下面给出三幅图片，每幅图片下面附带有文字说明，切换图片的时候，文字也切换。

JS 实现图片切换的效果: 首先看一下效果图，大体这样的，点击左边的按钮，切换图片。看上去挺简单，但是还是有几个难点的，所以就把这个案例挑出来好好的分析一下。第一步：布局 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;图片切换器&lt;/title&gt;

JS切换图片: JS格式： var i = 1; function changeImg(){} docunment.getElementById("img1").src="../../img/"+i+".jpg"; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt;

网页制作用JavaScript实现不同风格的图片切换效果: 用JavaScript实现不同风格的图片切换效果只需简单的几个步骤就可以实现。主要运用效果资源包。

js 图片切换上一张下一张效果: 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;script&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 = '&lt;p style="text-align: center;"&gt; &lt;img id="btn_' + row_no + '" src="ext/icon_image/down1.png" width="25px" height="25px" alt="picture is missing" n

用javascript实现图片的切换: 先把相应的图片路径添加到存储图片路径的数组imgArr里，之后运行代码就可以实现图片的切换了以下是代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;!

原生JavaScript实现简单的图片切换——DOM操作: 在实际应用中，我们总是有进行图片切换操作的需求。图片切换有许多实现方法，有的用jQuery，有的借用框架等等。本文回归最初的最简单的实现。借用原生DOM操作实现定时切换图片。下面是代码： html代码： &lt;div class="left" id="left"&gt; &lt;img id="placeholder" src="./images/1.jpg" alt="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 代码： &lt;script type="text/javascript"&gt; //页面加载后加载JS window.onload=function(){ //获取文档元素 var pre=document.getElementById("btn1"); 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){ $(".adver").css({"background":"url('images/adver0"+num+".jpg')"}) $("li").css({"background":"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点击小圆点循环播放轮播图片: 点击小圆点循环播放图片 <style> *{ 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部分： &lt;body&gt; &lt;h1&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"&gt;http://www.w3.org/1999/xhtml"&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地址，其他图片仍为默认的状态）: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;ul class="showSocialList

我要提问