img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

触れると画像変更(ロールオーバー)


リンクに触れるとロールオーバー

  ie6 nn7 op8

マウスを重ねると画像が変わる「ロールオーバーイメージ」を使ったリンクです。
以下のソースを、htmlソースのリンク部分入れて下さい。

<a href="アドレス" target="開き方">
<img src="元の画像" border="0" onmouseover="this .src='オーバーイメージ'"onmouseout="this .src='元の画像'">
</a>

target は違うページを開く場合に下記を入れて下さい。同じ場合は省略できます。

○ target=""に入れる開き方
target="_parent" リンク元のフレームの親フレームに表示する。親フレームがない場合は _selfと同じ
target="_self" リンク元と同じフレームに表示する
target="_top" レームを解除してそのウインドウ全体に表示する
target="_blank" 新しいウインドウを開いてそのウインドウに表示する
target="フレーム名" 指定したフレーム名のフレームに表示する

例 : マウスを重ねてみて下さい。