让屏幕飞越屏幕

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