JavaScript強化チュートリアル——jQueryアニメーション

ここではH 5 EDU
機構公式HTML 5トレーニング
チュートリアル、主な紹介:JavaScript強化チュートリアル
——jQueryアニメーション
 
jQueryアニメーション-animate()メソッド
jQuery animate()メソッドは、カスタムアニメーションを作成するために使用されます.
構文:$(selector).animate({params},speed,callback);必要なparamsパラメータは、アニメーションを形成するCSSプロパティを定義します.
オプションのspeedパラメータは、効果の時間を規定します.「slow」、「fast」、またはミリ秒の値を指定できます.
オプションのcallbackパラメータは、アニメーションが完了した後に実行される関数名です.
次の例はanimate()方法の簡単な応用を示す.leftプロパティが250ピクセルになるまで要素を左に移動します.
例$(「button」).click(function(){ $("div").animate({left:'250px'}); });
 

 
$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({left:'250px'});
  });
});
 

 

    
     ，   HTML           ，      。         ，         CSS position       relative、fixed   absolute。

    JS