画像のロールオーバー

画像のロールオーバー

画像の上にマウスを乗せると違う画像が表示されます。

普通のロールオーバー

<img src="最初のURL" onMouseOver=this.src="触れたときのURL" onMouseOut=this.src="触れた後のURL">

触れると色がつくロールオーバー

<img src="画像アドレス" style="filter:gray" onmouseover="this.style.filter=''" onmouseout="this.style.filter='gray'">

触れるとモノクロになるロールオーバー

<img src="画像アドレス" onmouseover="this.style.filter='gray'" onmouseout="this.style.filter=''">

●当サイトのソースは、IE6.0＋のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。


★skip ページtop