マウスカーソルを合わせると画像が変化する

画像にカーソルを合わせると画像が変化する 

1.画像(image1.gif)にマウスカーソルを合わせると、画像(image2.gif)を表示します。カーソルをずらすと元に戻ります。
動作例(ソースコード、イメージファイルをダウンロードする

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
<title></title>
</head>

<body>
<img src="image1.gif" onMouseOver="this.src='image2.gif'" onMouseOut="this.src='image1.gif'">
</body>
</html>