show()

このエントリーをはてなブックマークに追加

showメソッドは非表示の要素を表示に切り替えるメソッドです。

display:noneの要素に対してこのメソッドを適応させると、その要素のdisplayプロパティをblockに変更します。要素がもともとdisplay:blockではなくdisplay:inlineの場合はinlineに変更されます。

$("p").show();

引数に数値を指定すると、指定したミリ秒でアニメーション(左上を起点に拡大)しながら表示されるようになります。

$("p").show(100);

引数には数値以外にもfast(200ミリ秒)やslow(600ミリ秒)といったキーワードによる速度指定も可能です。

$("p").show("fast");

引数にイージング関数を設定することも可能です。

$("p").show(400,"linear");

イージング関数はデフォルトでは滑らかに始まり滑らかに終わる「swing」ですが、一定スピードで変化する「linear」が指定可能です。他にもjQuery UIなどのイージング関数を読み込んで利用することが可能です。

アニメーションが終了した際のコールバック関数も設定可能です。

$("p").show(400,function(){
  //アニメーション終了時に実行したい命令
});

登録日 : 2012年10月15日 最終更新日 : 2012年10月15日

同じカテゴリー(Effects)のエントリー

検索

スポンサードリンク

バージョン

リファレンス