jQueryのアニメーション(回転)

jQueryの - アニメーション

jQueryのアニメーションは、3つの部分、非カスタムアニメーション、カスタムアニメーション、アニメーショングローバル設定に分けます。

 

非カスタムアニメーション:
 
   1.表示、非表示:
 
      ショー()、非表示()、トグル()
 
    二つの方法:1)のパラメータを渡さない、隠された直接の表示を表しています。
 
         2)このパラメータは、数値型、アニメーションの実行時間を表す、方法にパラメータを渡します。それは隠されたアニメーションを表示します。
 
          例:ショー(100)、非表示(100)、トグル(100)
 
      速い、遅い、と空の文字列「」:また、jQueryの文字列も3つのアニメーションパラメータのための方法を提供します
 
          示例:ショー( '速い')、非表示( '遅い')、トグル( '')
 
          実行時間パラメータの3種類があります:「速い」:200ミリ秒「」(デフォルト):400ミリ秒「遅い」:600ミリ秒
   2.スライド:
 
      slideUp():上方スライド(隠されました)
 
      slideDown():(図示)滑り落ち
 
      slideToggle():(自動)スライディング
 
   3.フェード:
 
      フェードアウト():フェードアウト(隠されました)
 
      フェードイン():フェード(ディスプレイ)
 
      fadeToggle():表示隠された()が自動的に
 
    2つのパラメータを受け付けるfadeTo()。
            パラメータ1は、アニメーションの実行時間で、パラメータ2は、透明性を達成することが期待されます。
 
 
第二に、カスタムアニメーション
 
   アニメーション()メソッド
 
      アニメーション()メソッドは、3つの引数を取ります。目標(ターゲット)、アニメーションの実行時間、コールバック関数は、アニメーション化されます。唯一の最初のパラメータは必須パラメータです。
    
使用して()メソッドをアニメーション:
 
  変換素子は、すべての属性がパラメータを変更すると共に、カスタムアニメーションのターゲットプロパティを属性。
({アニメーション
        : '200pxの'、 '幅' 
        '高さ': '200pxの' 
    })

 

  属性セット、サポート業務。

アニメーション({ 
        '幅': '+ = 200pxの' 
    })

 

あなたは(すぐに最初の映画の後、その後、次のアニメーションを実行する)、アニメーションの実行順序をしたい場合は3つの方法があります。

 

  1)コールバック関数アニメーションで異なる要素の動作は、コールバック関数を使用することをお勧めします()

コードをコピー
$( '入力')をクリック(関数(){ 
    $( 'DIV')アニメーション({。
        '幅': '400ピクセル'、
        '高さ': '400ピクセル'、
    }、関数(){ 
        $( 'DIV' ).animate({ 
            '幅': '200pxの'、
            '高': '200pxの' 
        })
    })
})
コードをコピー

  

  2)別のアニメーションを記述

コードをコピー
$( '入力')をクリック(関数(){ 
    $( 'DIV')({アニメーション。
        '幅': '400ピクセル'、
        '高さ': '400ピクセル'、
    })
    。$( 'DIV')はアニメーション( { 
        '幅': '200pxの'、
        '高': '200pxの' 
    })
})
コードをコピー

 

  3)まとめ(まとめて同じ要素上の作業が推奨されています)

コードをコピー
$( '入力')をクリック(関数(){ 
    $( 'DIV')({アニメーション。
        '幅': '400ピクセル'、
        '高さ': '400ピクセル'を、
    。})({アニメーション
        '幅':」 200pxの」、
        '高': '200pxの' 
    })
})
コードをコピー

 

第三に、アニメーションおよび関連する方法

   1.stop()メソッド
 
    このメソッドは、アニメーションを停止する方法であり、彼は2つのパラメータはブール値です持っています。
      パラメータ1:キューに代わってアニメーションをクリアするかどうかを、パラメータ2:最終結果に代わって直接実行するかどうか
 
   2.delay()メソッド
 
    遅延実行は、メソッドは、パラメータ、数ミリ秒の遅延があります。
 
   再帰の3アニメーション
$( 'DIV')。slideToggle(2000、再帰)

関数再帰(){ 
    $(この).slideToggle(2000、再帰)
}

    高レベルの書き込みが付属しています:

$( 'DIV')slideToggle(2000、関数(){ 
    $(この).slideToggle(2000、arguments.calleeの)
})

//arguments.callee:無名共通機能、現在の関数の代表。

 

上記のjQueryのアニメーション。

おすすめ

転載: www.cnblogs.com/haloqq/p/11564466.html