gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 23:44:16 25 4
gpt4 key购买 nike

我正在尝试编写一个脚本,首先将图片淡化到 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com