ロールオーバーサンプル : 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のライブラリも読み込み完了時に動作するものが多いので、衝突して不具合が起きる可能性もある。