jQuery的蹺蹺板效應

Question

我試圖做一個jQuery的效果seasaw，但需要一些幫助與插件使用。我想讓酒吧上下移動，頂部的盒子隨它一起移動。這裏是我的JsFiddler代碼：http://jsfiddle.net/semantic/LscQd/4/

感謝

Answer 1

使用jQuery Rotate plugin，我能夠有時間間隔，以獲得蹺蹺板效應和超時：

setInterval(function(){ 
    $(".bar").rotate({animateTo:15}); 
    $(".box").animate({left:284},1000); 
    setTimeout(function(){ 
     $(".bar").rotate({animateTo:-15}); 
     $(".box").animate({left:0},1000);   
    }, 1000); 
}, 2500);​ 

小提琴：http://jsfiddle.net/LscQd/10/

Answer 2

快速的嘗試，不是很大，但我知道應該是作爲一個起點有用。使用css變換在-30和30度之間旋轉蹺蹺板。希望它可以幫助

http://jsfiddle.net/czAHU/1/

編輯：動畫吧，而不是看起來比整個包裝好得多。老實說，雖然我不希望它移動框太多，所以我可能會有點更加謹慎吧... http://jsfiddle.net/czAHU/2/