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