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")

JQuery动画的图像

1 个答案: