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/