Image Click

クリックすると画像が変わります。

【実行画面】

  1. 【実行画面のソーコード】
    <script type="text/javascript">
  function ImgClick(e)
  {
    if (!e)
    { e= window.event;
      var xp = e.clientX;
      var yp = e.clientY;
      window.alert("XP:" + xp + "  YP:" + yp);
    }
    document.getElementById("img").src = "img/enemy2.gif";
  }
</script>

<img src="img/enemy1.gif" id="img" onclick= ImgClick()><br>
  2. enemy1.gif がクリックされると ImgClick() 関数が呼び出されます。
    ImgClick() 関数では Id が "img" のタグを持つ src に "img/enemy2.gif" を設定して画像を切り替えます。
  3. onclick= はクリックで呼び出す関数の設定で img に限らず多くのタグで使えます。
    ★a, body, button, div, img, table, tr, td などでも使えるようなので試して下さい。

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