javascript - 让 jQuery 动画函数无限循环?

标签 javascript animation

<分区>

Possible Duplicate:
How do I loop this animation indefinitely?

谁能告诉我如何让这个脚本重复或循环(就像不结束动画功能并永远继续它一样)。

我是 javascript 的新手,所以如果有人能够告诉我我可以做些什么来实现这一点,我将不胜感激。

谢谢。

$(document).ready(function() {
    var rageImg = $('.foo');
    $(rageImg).animate({top:'+=100px'}, 1000).animate({top:'-=100px'}, 1000);
});

最佳答案

$(function loop() {
    $('.foo').animate({ top: '+=100px' }, 1000, function() {
        $(this).animate({ top: '-=100px' }, 1000, loop);
    });
});

演示: http://jsfiddle.net/VC3S6/

关于javascript - 让 jQuery 动画函数无限循环?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14026421/

相关文章:

python - 如何检查键盘按钮是否收到垃圾邮件并在再次按下之前添加冷却时间

ios - 如何在 iOS 中重现 "box"过渡动画?

javascript - 工作线程中的 window.alert

javascript - 使用 momentjs 获取给定日期的开始时间

javascript - 使用 JavaScript,我如何执行将返回多个值的二进制搜索?

JQUERY,scrollTo,向下滚动后,页面不会让我向上滚动一秒钟...Y?

animation - 旋转加载/等待/缓冲动画的名称

javascript - 在 Angular 2 中,我如何为某个运行时值设置动画?

javascript - CSS 背景图像之间的过渡

javascript - 如何设置 Jest w/ESM 以识别 node_modules 中的非 cjs 模块