如何在網站生存期間不斷反彈對象

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 

您可能需要調整t他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/