ロールオーバー

【実行画面】

【Source Code】

<img src="img/enemy1.gif" border="0"
     onMouseover="this.src='img/enemy2.gif'"
     onMouseout ="this.src='img/enemy1.gif'" >

この処理は至って簡単で、img タグに少しパラメータを付け加えるだけです。
onMouseover でマウスが重なったときの画像を、onMouseout でマウスが離れたときの画像を指定します。

【実行画面】

【Source Code】

<img src="img/enemy3.gif" border="0"
     onMouseover="this.width='120'"
     onMouseout ="this.width='80'">

this.width でサイズを設定します。
単純にマウスのクリックを検出するプログラムは Click Anime を参照して下さい。