jQueryゼロから / fadeTo (指定要素をフェードイン)


Lightboxとかの背景部分のアニメーションみたいな事が出来る fadeTo。
slideUp, slideDown と同様スピードに加え、透明度(opacity)を指定します。

1
2
3
4
<div id="targer" style="opacity: 0.0">
// 何か表示するもの
</div>
$('#target').fadeTo('slow', 0.8);

対象を最初隠しておくならopacity属性を0.0に設定しときます。

サンプル

2011.01.28 追記
fadeIn, fadeOut, fadeToggle(jQuery1.4.4以降)など似たような機能がありますが、opacity属性以外にdisplay属性も変わるので注意が必要です。ときどき忘れちゃいます…

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です