ロールオーバー

マウスを重ねると画像が変わります。

【実行画面】

【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 を参照して下さい。

前田稔の超初心者のプログラム入門
超初心者のプログラム入門(JavaScript)