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

让div飞过屏幕

1 个答案: