←マウスポインタをのせてみて下さい。ロールオーバーの作り方
IE … ○ NN … ○
ロールオーバーの原理にはクリックしたり、マウスが乗ったりといったイベントが発生した時に
① 画像そのものを入れ替えるもの
② 画像の表示/非表示を入れ替えるもの
③ 画像の階層を入れ替えるもの
の３通りがあると思います。
①が最も一般的だと思いますので、この方法を紹介しますね。
サンプル ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
←マウスポインタをのせてみて下さい。
ソース ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
↑を画像を表示させたいところに貼り付けて下さい。
（※画像ファイル名（ＵＲＬ）は使いたい画像のファイル名に変更して下さい）
* 「###」は保存した画像のファイル名。
###1と###1は同じファイル名に、###2と###2は同じファイル名に、###3と###3は同じファイル名にして下さい。
* href="http://*#*#*"でリンク先のＵＲＬ。
リンクさせない場合は「href=#」にして下さい。
* name="***"を忘れないようにして下さい。
* 「<img src="*****"
name="***">」のname="***"の「***」と
「onmouseover = "document.***.src = 'about1.gif'"」の「***」、
「onmouseout = "document.***.src = 'about2.gif'"」の「***」、
「onclick = "document.***.src = 'about3.gif'"」の「***」は
全て同じ名前にして下さい。
（例：「A」など。）
* onmouseover =でマウスカーソルが上に来たとき表示させる画像
（このサンプルでは 
）
onmouseout=でマウスカーソルが離れたときに表示させる画像（元の画像）
（このサンプルでは ）
onclick=でクリック時に表示させる画像
（このサンプルでは 
）
です。
* 複数使用した時のソース例。