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/

如何在网站上线时不断弹回对象

3 个答案: