myExtraContent1
myExtraContent2

 
Stacks Image 152
8-2 フェードイン/アウト
フェードインとアウトの違いは2箇所。.fadeIn()とfadeOut()。それてCSSの書き方が違うのも注意。
8-2-1 フェードイン(徐々に表示)ーfadIn()
使用例1 要素をフェードインさせる
DEMO 
実行結果説明:実行ボタンを押すと徐々に文字が浮き出てくる。
使用例2 フェードイン完了直後に画像タイトルを表示
DEMO 
実行結果説明:実行ボタンを押すと、徐々に画像が出て完了すると下に文字が出る。
8-2-1 フェードアウト(徐々に非表示)ーfadOut()
使用例3 要素をフェードアウトする
DEMO 
実行結果説明:実行すると徐々に文字が消えていく。3秒に設定。スローの場合は('slow')、中のアポストロフィーを忘れずに。
使用例4 画像をフェードアウトした直後に別の画像を表示
DEMO 
実行結果説明:実行ボタンを押すと、画像がフェードインして別の画像が表示される。
使用例5 ボタンのクリックで不透明度(opacity)を調節する
実行結果説明:それぞれのボタンを押す毎に0.1ずつ透明度が変化する。


myExtraContent3