ちょっとページを表示するときに画像をフェードインさせて表示
させようかぁって思って実装したときのメモ
画像とか文字とかフェードイン フェードアウトさせて表示させる
アニメーションを付けるときに便利なのが
jQueryのfadeIN() fadeOut()
使い方も超簡単
<script type="text/javascript">$(function(){$("#hoge_id").fadeIn("slow");});</script>
$("#hoge_id").fadeOut("slow");
$("#hoge_id").fadeIn("slow");
これだけでフェードインとフェードアウトの効果が付けられる。
引数でスピードも調整できます。
あと、slideDown() / slideUp()もよくうのでメモ
$("#hoge_id").slideDown("slow");
$("#hoge_id").slideUp("slow");
簡単だなぁって思ってIEで見たら表示がおかしい。
PNGの画像だと透過の部分がフェードイン中黒くなってる
っでIEだけはスタイルシートで最初から表示にしといて
フェードインしないようにした。
これでＯＫ
jQuery最高です。