FC2ブログ

jQueryのアニメーション機能

jQueryの主なアニメーション機能

show
非表示になっている要素を徐々に表示

hide
表示の要素を非表示に

toggle
要素の表示、非表示を交互に切り替え

slideDown
非表示の要素をスライドさせつつ表示

slideUp
表示中の要素をスライドさせつつ非表示に

slideToggle
スライドアップ、スライドダウンを交互に実行

fadeIn
非表示の要素をフェードイン

faeOut
表示中の要素をフェードアウト

animate
指定されたパラメータに従い
アニメーション実行


animate以外のアニメーション効果は
ほぼ同じ書き方で呼び出しできます

一番簡単なアニメーション機能の呼び出しの構文は

$(セレクター).アニメーションメソッド(時間)

アニメーションメソッドには
show
slideToggle
hide
などを指定して

時間はミリ秒単位でしていします

例えば
表示中の画像を2秒隠すなら
$('img').hide(2000);

ちなみに、時間の指定はミリ秒だけじゃなく
slow
normal
fast
という指定もできる
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック