画像にカーソルを画像が変化する 

 

1.画像(image1.gif)にマウスカーソルを合わせると、画像(image2.gif)を表示します。カーソルをずらすと元に戻ります。

動作例(ソースコード、イメージファイルをダウンロードする

???

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=x-sjis">
<meta name="GENERATOR" content="">
<title></title>
</head>

<body>
<p><!--webbot bot="HTMLMarkup" startspan -->
<img src="image1.gif" alt="???" border="0"onMouseOver="this.src='image2.gif'" onMouseOut="this.src='image1.gif'">
<img src="image2.gif" border="0" width="1" height="1"><!--webbot bot="HTMLMarkup" endspan --></p>
</body>
</html>