让屏幕飞越屏幕
问题描述:
我有两个包想要同时飞过屏幕的图像。最后,他们将消失,然后重新出现在不同的位置,他们将留在那里,除非页面被刷新。让屏幕飞越屏幕
$('.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)在另一个方向上飞过屏幕。任何帮助是极大的赞赏!
谢谢!
答
您可以使用一个回调函数,这是动画完成时
如...
$('.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....//
})
你可以创建一个的jsfiddle你有什么到现在为止所触发的代码? – devundef 2012-08-11 18:25:46