説明

マウスを画像の上に乗せたときに画像を変更します。

実行例

▼画像の上にマウスを乗せてみてください

コード

var images = new Image();
images.src = "./b.gif";
function changeImage( flag ) {
	if ( flag ) {
		window.document.image1.src = "./b.gif";
	} else {
		window.document.image1.src = "./a.gif";
	}
}

<A href="xxx.html" onMouseOver="changeImage(true);" onMouseOut="changeImage(false);">
<IMG src="./a.gif" name="image1" border="0" width="22" height="22">
</A>

解説＆ステップアップ

「onMouseOver」はマウスが乗ったときのイベント、「onMouseOut」はマウスが離れたときのイベントです。

動作確認

IE4.0(win)、IE5.0(win)、IE5.5(win)、NN4.7(win)