ロールオーバー

ロールオーバーとは画像の上にマウスを乗せると
その画像が変化し、マウスが離れると画像がもとに戻ります。下の画像にマウスを乗せてください。

<A href="#" id="roll" onmouseout="window.document.roll.src='マウスが外れたときの画像名';" onmouseover="window.document.roll.src='マウスが乗ったときの画像名';"><IMG src="はじめに表示する画像名" width="31" height="31" border="0" name="roll"></A>