讓屏幕飛越屏幕

Question

我有兩個包想要同時飛過屏幕的圖像。最後，他們將消失，然後重新出現在不同的位置，他們將留在那裏，除非頁面被刷新。

$('.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）在另一個方向上飛過屏幕。任何幫助是極大的讚賞！

謝謝！

Answer 1

您可以使用一個回調函數，這是動畫完成時

如...

$('.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....// 
})