Crunchlog

各要素の透明度を、指定した値まで徐々に変化させる効果です。
半透明にしたい時ってけっこうあるもんですよ。
演出上使いどころはあると思います。

1

fadeTo(speed, opacity, [callback]);

• 【speed】アニメーション効果のスピード指定

指定は以下のようにざっくり設定できることができます。

1. ”slow”
2. ”normal”
3. ”fast”

ミリ秒でも指定が可能ですよ。

• 1秒＝1000
• 2.5秒＝2500

スピードの指定を「0」にすると即時反映です。

• 【opacity】透明度の指定

以下のような感じですね。

• 1=100%　完全に見える
• 0.5=50%　半分見えてる
• 0=0%　見えない
• 【callback】効果が完了したあとに呼び出される関数を指定可能

これは省略できます。

例えば以下のような指定なら、bk2という要素がゆっくりとフェイドインしてくるってわけですね。

1

$(#bk2).fadeTo("slow", 1);

fadeTo(speed, opacity, [callback]) – jQuery 日本語リファレンス こちらを参考にさせていただきました。

JavaScript & jQueryレッスンブック―最新jQuery対応

posted with ヨメレバ

大津 真 ソシム 2011-12

Amazon

楽天ブックス