カーソル移動で画像を入れ替え

• 画像を入れ替えるので通常表示されている画像(s1.gif)と別の画像(s2.gif)の二つを用意しておく。
• マウスカーソルが画像の上に移動したら(omouseoverイベント)別の画像(s2.gif)を表示させる
• マウスカーソルが画像上から離れたら(onmouseoutイベント)元の画像(s1.gif)を表示する。

<IMG src="s1.gif" name="img1"
  onmouseover="document.images['img1'].src='s2.gif'"
  onmouseout="document.images['img1'].src='s1.gif'">
>