説明

リンクにマウスカーソルを乗せたときに、横の画像を変更させて見ます。

実行例

▼リンクにマウスを乗せてみてください
Web覚書トップ
更新履歴
JavaScriptサンプル集

コード

if (window.document.images) {
	var img = new Image();
	img.src = "b.gif";
}
function changeImage( img, flag ) {
	if ( flag ) {
		window.document.images[ img ].src = "b.gif";
	} else {
		window.document.images[ img ].src = "a.gif";
	}
}

<IMG src="a.gif" name="img1" width="22" height="22">
<A href="xxx.html"
    onMouseOver="changeImage( 'img1', true );"
    onMouseOut="changeImage( 'img1', false );">．．．</A>

解説＆ステップアップ

『マウスが乗ったとき画像を変更させてみる』と内容的には変わりありません。

動作確認

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