Binbo-Special－技術資料らしきもの－JavaScript－画像及びテキストのフェードイン・フェードアウト（jQuery）

そういえばjQuery使うと楽かなぁと思う今日この頃。

人の心は簡単に移り変わります。

昨日まで
「prototype.js」最強！
と言っていた人が簡単に
「jQuery」最強！！
とか言い出す世の中です。

皆さんも気をつけましょう。（何に？）

サンプル

ぽぽーテキストも一緒に！

JavaScriptのソース

解説

最初にusausa01をhideして、隠しています。
そして、クリックする度に fadeInOut() 関数を呼び出して、
$("#usausa01").fadeIn("normal");
$("#usausa01").fadeOut("normal");
で、出したり現れたりさせています。（あれ？意味一緒だ）
言い直すと、「フェードイン・フェードアウト」です。分かってるっつーの。

こりゃー楽チンでええのー。って思ったりもするんですが、hide()もしくはfadeOut()させた際に、
display: none;
的な動きになるので、そこの分が上に詰まっちゃうんですよね。
ただし、これはテキストにも適用出来るのが良い所。

なので、消した時に上に詰まったりしちゃうのが不都合なのであれば、rico.jsで行う方が楽かな？他に方法あるかもしれないけど、ひとまず終了！

対象が画像で、上に詰まっちゃうと困っちゃう！という場合はrico.jsバージョン参照。