javascript sample

ロールオーバーサンプル: Javascript ライブラリ編

ここで公開されてるシンプルなロールオーバーのJavascriptを使うパターン。
シンプルなページならとてもオススメ。

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

余談) jQuery版は TA:nishiaki氏が「Nishiaki's Log: jQueryを使った画像のロールオーバー」で公開中。