jQuery_jqueryでアニメーション効果を実現する基本操作の紹介

アニメーション効果

show():

を表示

hide() を非表示にします

$().toggle(): エフェクトの表示と非表示の切り替え

パラメータ、速度を渡すことができます。

フェードアウト(フェードアウト)

フェードイン(フェードイン)

fadeToggle(); フェードインとフェードアウトの切り替え

fadeTo(2000,0.3) は、画像を 30% の透明度で表示します

スライド表示

slideDown():

slideUp():

slideToggle():

速度パラメータを渡すことができます。

$(':animated'); アニメーション化されている要素を取得します。

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

$(':animated').stop(): 現在のアニメーションを停止します。

stop(true) は、キュー内のすべてのアニメーションをクリアすることを意味します。つまり、パラメーターが渡されない場合、現在のアニメーションはすぐに停止されます。

$(':animated').stop(false,true) 2 番目のパラメーターが true の場合、現在実行中のアニメーションが停止し、現在のアニメーションの実行が終了する位置に要素が設定されます。