jquery - Jqueryシーソー効果

Question

Jquery でシーソー効果を実行しようとしていますが、使用するプラグインについて助けが必要です。バーが上下に移動し、上部のボックスが一緒に移動するようにします。ここにJsFiddlerの私のコードがあります: http://jsfiddle.net/semantic/LscQd/4/

ありがとう

Answer 1

jQuery Rotate プラグインを使用して、間隔とタイムアウトを使用してシーソー効果を得ることができました。

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/