1

だから私はjQueryにかなり慣れていないので、水に浮かぶ氷山の連続アニメーションを作ろうとしています。

これは水上の氷山です..

ここに画像の説明を入力

そして、私はそれをちょっと回転させてボブにしたいのですが、これはループアニメーションの私の現在のコードです.

function iceburg() {
    jQuery('.iceburg').css({bottom:0});
    jQuery('.iceburg').animate ({
        bottom: '10px'
    }, 200, function() {
        jQuery('.iceburg').animate ({
            bottom: '0px'
        }, 200);
    });
}
iceburg();

何が間違っているのか、それを回転させる方法がわかりませんか？誰でも助けてもらえますか？

4

2 に答える 2

1

試す

var ice = $('.iceburg');

function anim() {
    setInterval(function(){
        ice.animate({
            top:'+=20'},
          { 
            duration:1000,
            step:function()
                  { ice.css('-webkit-transform','rotate(-0.5deg)');}
                });

       ice.animate({
              top:'-=20'},
             { 
               duration:1000,
               step:function()
                  { ice.css('-webkit-transform','rotate(0.5deg)');}
                });
         });
   }

   anim();

フィドルhttp://jsfiddle.net/code_snips/dkFqQ/

于 2013-11-13T14:14:58.667 に答える
0

エフェクトをループさせたい場合は、ループを設定する必要があります。使用するsetInterval

http://jsfiddle.net/TCHdevlp/kj6tk/1/

また、2回目$(this)の代わりにコールバックで使用しますjQuery('.iceburg')

于 2013-11-13T13:19:45.553 に答える