0

画面上で同時に飛ばしたいバッグの画像が 2 つあります。最後に、それらは消えて別の場所に再び表示され、ページが更新されない限りそこにとどまります.

$('.main_carousel_bag').fadeOut(000).delay(4000).fadeIn(1500);  


$('.left_bag_action')
.animate({ left: '+=960', top:'-=400'}, 500)
.animate({ visibility: 'hidden'}, 0)
.delay(1000)
.animate({ visibility: 'visible'}, 0)
.animate({ left: '-=960'}, 1000)
.animate({ visibility: 'hidden'}, 0)
;

main_carousel_bag は、ウィンドウ サイズに関係なく正しい位置にある div です。4秒遅れてフェードインします。これは完全に機能しています。

left_bag_action は、画面の左側 (絶対位置) から始まり、要求されたアクションを実行する div です。動きは完全に機能していますが、別の (right_bag_action) が画面を横切って反対方向に飛んでいる間にバッグが消えるようにしたいと考えています。どんな助けでも大歓迎です！

ありがとう！

4

1 に答える 1

0

コールバック関数を使用できます。これは、アニメーションが完了したときにトリガーされるコードです

例えば...

$('.main_carousel_bag').fadeOut(000).delay(4000).fadeIn(1500);  

$('.left_bag_action')
.animate({ left: '+=960', top:'-=400'}, 500)
.animate({ visibility: 'hidden'}, 0)
.delay(1000)
.animate({ visibility: 'visible'}, 0)
.animate({ left: '-=960'}, 1000)
.animate({ visibility: 'hidden'}, 0, function(){
    //.....Some code here for right_bag_action....//
})
于 2012-08-11T23:51:30.880 に答える