jQuery学習メモ jQuery anime_jquery

1. システム定義済みアニメーション関数

1. 表示および非表示関数
show() // 要素を表示します (幅、高さ、不透明度を同時に増加します)
hide (); //要素を隠す
Hide() を実行してインターフェイス要素を非表示にします。これは、CSS スタイルの display:none と同等です。

関数にパラメータを追加することもできます。
show("slow");
slow 値に加えて、それぞれ 600、400、および 200 ミリ秒の時間を表す、normal および fast に設定することもできます。 >特定の時間値を追加することもできます。詳細は次のとおりです:

slow(1000);
要素が完全に表示されるまでの時間間隔が 1000 ミリ秒であることを表します

2。 ;// 要素を徐々に表示します (不透明度のみを増加させます)
fadeOut(); // 要素を徐々にフェードさせます

3. 高さと幅の関数
slideDown(); // 要素を徐々に増加させます要素の高さ（要素の高さのみを増加させます）
slideUp() // 要素の高さを徐々に短くします


2. カスタムアニメーション関数

animate(params,speed,callback);
params: 値はスタイル属性と値の間のマッピングですspeed:speed
callback: アニメーションが完了したときの実行関数

params の style 属性の値は複数の属性にすることもできますが、累積的な増減の値にすることもできます
例:

コードをコピー コードは次のとおりです: $(function(){

$(#id1).click(function(){

$(this). animate({left:" =500px",height:"200px"}, 3000,function(){
$(this).css("border","5px 青一色")
})
})
})



1. 要素アニメーションを停止します

stop();
現在実行されているアニメーションを終了し、すぐに以下で定義されたアニメーションを実行します

2. アニメーション状態かどうかを判断します
is(" :animate")

3. その他のアニメーション関数
toggle(speed,callback);//要素のステータスを切り替えます (高さ) 、幅、不透明度)、非表示の場合はすぐに、表示されている場合は表示に切り替える Toggle hidden
sildeToggle(speed,callback);//高さモードを変更して要素のステータスを切り替えます
fadeto(speed,opacity,callback);Switch指定された不透明度の値に