javascript - JavaScriptでアニメーションを使用してオブジェクトを中心から隅に移動しますか?

Question

私が欲しい基本的なフラッシュ アニメーションですが、フラッシュを使用したくありません。

まず、イントロ画面に大きなロゴを表示したいのですが、アニメーションで左隅に小さく移動します。

これを行うためのベスト プラクティスは何ですか。サンプルはありますか?

どうも

Answer 1

animate()を使用する必要があります

ここにjsfiddleの例があります。クリックするだけです

CSS:

.logo { position:absolute; left:0px; top:0px; }

jQuery:

$(document).ready(function(){
  //when document ready
  $('.logo').animate({'left':'960px'},1000); //1000 = 1second


  //click animation
  $('.logo').click(function(){
     $(this).animate({'left':'960px'},1000); // you can set left/top or you can do it with margins
  });

});

Answer 2

jquery animateとすべての適切な値を使用すると、これを非常に簡単に行うことができます。