javascript - 如何在站点处于活动状态时连续反弹对象

Question

我是 JavaScript 和 jQuery 的新手。我的新项目遇到了麻烦。我想要一个正在弹跳的图像。我从网上得到了一个脚本。但是这个功能只适用于点击跳转。我希望它在网站加载时跳转。请帮我。

链接http://www.tycoonlabs.com/help/bouncing%20-%20Copy.html

这是我的脚本

<SCRIPT>
$(function(){
    $('#bouncy1').click(function () {
          $(this).effect("bounce", { times:5 }, 300);
    });
});
</SCRIPT>

谢谢并恭祝安康

Answer 1

如果你想让它在发生某些事情时反弹然后停止它，你可以使用setInterval

var interval = setInterval(function(){ 
    jQuery('#someId').effect('bounce', {times: 5}, 300);
}, 500); // every half second

// Do some stuff to load up your site;        

clearInterval(interval); // Stop the bounce interval

您可能需要调整times参数和delay以满足您的需要和效果。

Answer 2

尝试这个：

<script>
    $(function(){
        function bounceObject(obj)
        {
            obj.effect("bounce", { times:5 }, 300);
        }
        bounceObject($('#bouncy1'));
        $('#bouncy1').click(function () {
            bounceObject($(this));
        });
    });
</script>

Answer 3

这很好用

function bounce(){
    $('#test').effect( "bounce", "slow", bounce);
}
bounce();

http://jsfiddle.net/xGe2D/