javascript - jQuery - fadeTo() - 我如何让它在每次调用事件时越来越淡?

标签 javascript jquery css

我正在尝试编写一个脚本,首先将图片淡化到 80%,然后 60%,等等。一直到 1%,但是当我调用事件 (.click) 时,我得到的只是一次交易,它会达到我设定的不透明度。我怎样才能让它继续下去?提前致谢。这是我的代码:

<html>
<center><img 

src="image1.jpg"
id="1"><br><img src="image2.jpg" 

width="500" height-"500" id="2" ></img></center>

</html>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>


$(document).ready(function() {

   $("#2").click(function() {

      $("#1").fadeTo(500,.3);


   });

});

</script>

最佳答案

这应该可以解决问题。

$(document).ready(function() {
   $("#2").click(function() {
      if($("#1").css("opacity")>.2) {
        $("#1").fadeTo(500,$("#1").css("opacity")-.2);
      } else {
        $("#1").fadeTo(500, .01);
        $("#2").unbind("click");
      }
   });
});

关于javascript - jQuery - fadeTo() - 我如何让它在每次调用事件时越来越淡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21964249/

相关文章:

javascript 方法链接 - knex.js

javascript - Ajax 不发布 ny 请求

javascript - IE 中的 .text 更新问题

css - 处理阿拉伯语站点的 LTR 和 RTL(国际化)

css - 修复了 ie6 中选择 html 元素的标题

html - 在图像悬停时显示播放图标

javascript - 如何自动检查PDF中某个组的特定单选按钮?

javascript - 无法立即在弹出窗口内立即创建 'press' 刚刚创建的按钮。我必须关闭弹出窗口,然后再次打开它(chrome-extension 弹出窗口)

jquery - 获取单选按钮组的值

jquery - 使用 jQuery 将动画从一个 CSS 类转换为另一个 CSS 类,特别是 background-image 属性?