javascript sample

ロールオーバーサンプル : rollOver on jQuery

TA:nishiaki氏が公開している「Nishiaki's Log: jQueryを使った画像のロールオーバー」
超オススメ。

• メリット
  • 使い方がとても簡単。
    1. ロールオーバーしたいimgタグに 「class="Over"」
    2. ロールオーバー用の画像は「***_o.***」（btn1.gifだったら btn1_o.gif）
  • プリロード(先読み込み)もしてくれるので、ちらつきが無い
  • 使い回しが効くし、(X)HTMLソースも見やすい。
  • input type="image" にも使える。
    
• デメリット
  • ページが全て読み込み完了時にロールーバーの処理が仕込まれるので、読込みにとても時間がかかるページには不向きかも。
  • 他のjavascriptのライブラリも読み込み完了時に動作するものが多いので、衝突して不具合が起きる可能性もある。