屏幕上不断重复的动画
屏幕上不断重复的动画
提问于 2013-02-24 19:52:48
我正在尝试创造一个气泡慢慢上升到屏幕顶部的效果，我现在拥有的是这个，
http://jsfiddle.net/PMF7k/
(不知道它为什么不起作用，但你明白我目前计划解决这个问题的方式。)
function bubbles() {
$(".bubble").animate({
'background': "rgba(0,0,0,0.4)",
'top': '-300px'
}, 200);
}
bubbles();
setInterval(function () {
bubbles();
}, 200);我的问题是，是否有一种有效的方法可以重用屏幕上的元素？例如，当冒泡A不能通过浏览器窗口查看时，它会进入底部，并再次重复其周期？
另外，作为一个简短的附带问题，是否最好通过jQuery将其动画化，将其封装在一个函数中，并不断使用setInterval调用它？
回答 1
Stack Overflow用户
发布于 2013-02-24 20:08:31
jquery动画
http://api.jquery.com/animate/
允许您指定将在动画完成时调用的回调函数。
设置一个回调，该回调重置气泡的位置，并将回调指定为动画的完整参数。
您还希望回调重新调用动画来重新启动动画(您不需要setInterval)。
可以选择初始位置(x和y)、速度、颜色等。可能会随机改变。
根据您的喜好添加许多气泡，为每个气泡调用动画 jquery方法。
顺便说一句: jsfiddle不起作用，因为您没有指定加载jquery
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15055922
复制相关文章
相似问题
腾讯云开发者
