オンマウスで背景画像入れ替え

ブラウザで表示した時の見え方

■カーソルをここに合わせてください。

ソースサンプル(HTML)

<table width="50%" style="background-image: url('./img/test1.gif')" id="back">
<tr>
<td>
<div onmouseover="document.all['back'].style.backgroundImage='url(./img/test2.gif)'" onmouseout="document.all['back'].style.backgroundImage='url(./img/test1.gif)'">■カーソルをここに合わせてください。</div>
</td>
</tr>
</table>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

解説