フロントエンドの基礎-jQueryアニメーション

第9章jQueryのアニメーション

• jQueryの映画は、標準の、定期的な効果は、三つの基本的な映画を提供しています、jQueryのは、カスタムアニメーション機能を提供します。
• アニメーション効果[08-デモjQueryのアニメーション（アニメーション）の.html]

9.1三つの基本的なアニメーション

• ディスプレイ（ショー）と隠された（非表示）とスイッチ（トグル）は、アニメーションのセットです。
• （slideDown）にスライド（slideUp）とOUT（slideToggle）シャッタードアと同様の効果を切り替えます
• フェード（フェードイン）とフェード（フェードアウト）スイッチング（fadeToggle）

$obj.show([speed], [callback]);
// speed(可选)：动画的执行时间
	 // 1.如果不传，就没有动画效果。如果是slide和fade系列，会默认为normal
	 // 2.毫秒值(比如1000),动画在1000毫秒执行完成(推荐)
     // 3.固定速度字符串，slow(200)、normal(400)、fast(600)，如果传其他字符串，则默认为normal。
// callback(可选):执行完动画后执行的回调函数

slideDown()/slideUp()/slideToggle();同理
fadeIn()/fadeOut();fadeToggle();同理

9.2アニメーション

• アニメーション：アニメーション

$(selector).animate({params},[speed],[easing],[callback]);
// {params}：要执行动画的CSS属性，带数字（必选）
// speed：执行动画时长（可选）
// easing:执行效果，默认为swing（缓动）  可以是linear（匀速）
// callback：动画执行完后立即执行的回调函数（可选）

9.3アニメーションとストップアニメーションキュー

• 実行の前に、複数のその後のアニメーションのために、アニメーションがキューアニメーションに戻すことになる同じ要素のアニメーション、アニメーションなどを実行し、実行（レノボ：列車の停止を）完了します。

// stop方法：停止动画效果
stop(clearQueue, jumpToEnd);
// 第一个参数：是否清除队列
// 第二个参数：是否跳转到最终效果