animation - 图像的jQuery动画

Question

好的，我正在做一个简单的 JQuery 动画。当用户点击图片时，图片会向左移动 1000px。下面是代码：

function cloud2 () {    
$('#cloud2').animate({left:'1000px'},40000);
        setTimeout(cloud2,2000);
}

$(document).ready(function() {
  $('#cloud2').click(function() {
   cloud2();
});
});

非常好，没有任何问题，一切都像 BOSS 一样工作！当图像达到 1000px 时，它会停止。都好！我现在想要的是在完成 1000px 动画后停止时将图像替换为另一个图像。怎么做？例如，一旦它停止，图像就会更改为另一个图像，例如 image2.jpg。

感谢！

Answer 1

animate() 有一个结束动画的事件。例如，您有类似的东西：

<img src="image1.jpg" id="myimg">

function moveimg() {
    $('#myimg').animate({left: '1000px'}, 40000, function() {
        $('#myimg').attr('src', 'image2.jpg');
    });
}

setTimeout("moveimg()", "2000")