使用jQuery使圖像反彈向上和向下的循環動畫

Question

我是新來的jQuery，並想創建的孩子彈跳跳躍城堡（上下運動）的一個網站，我發展的影響。

下面是一個非常簡單的網站結構。我如何讓她上下跳動，好像她在跳躍的城堡上一樣？

對圖像的ID是芭蕾舞演員。

http://www.staging.alexanderdzine.com.au/jquery-test/

Answer 1

使用此代碼...

var int=self.setInterval(function(){bounceIMG()},500); 

function bounceIMG(){ 
    if($("#ballerina-wrapper").css('margin-top') == '0px'){ 
     $("#ballerina-wrapper").animate({ 
     marginTop: "30px" 
     }, 150); 
    } else { 
     $("#ballerina-wrapper").animate({ 
     marginTop: "0px" 
     }, 150); 
    } 
} 

或者使用jQuery UI的反彈效果...