0

わかりました、単純な JQuery アニメーションを実行していました。ユーザーが画像をクリックすると、左に 1000px 移動します。以下にコードを示します。

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

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

非常に素晴らしい何も問題はありません。すべてが BOSS のように機能しています。画像が 1000px に達すると停止します。すべて良い！私が今欲しいのは、1000pxのアニメーションが完了したときに停止したら、画像を別の画像に置き換えることです。どうやってするか？たとえば、停止すると、画像は別の画像に変わります。たとえば、image2.jpg としましょう。

感謝！

4

1 に答える 1

0

animate() には、アニメーションを終了するためのイベントがあります。たとえば、次のようなものがあります。

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

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

setTimeout("moveimg()", "2000")
于 2012-10-29T14:13:14.657 に答える