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のアニメーション。