-1

我编写了一个脚本，它在将鼠标悬停在图像上时更改图像的来源，起初它可以工作，但在添加使用相同代码的第二个图像后，两者都停止工作。

我遇到的问题是图像不会在鼠标悬停时发生应有的变化。看起来好像没有找到图像——但我确信图像的来源指向正确的路径。

我也征求了其他意见，但我看不出我做错了什么。我非常感谢您的帮助或对此的任何意见。

下面是我正在使用的代码。

<html>
  <head>
    <script type="text/javascript">
      var images= new Array();
      images[0] = "Benjamin/Untitled-3.png";
      images[1] = "Benjamin/Untitled-4.png";
      images[2] = "Benjamin/Update.png";
      images[3] = "Benjamin/Update2.png";

      function Change()
      {
        document.getElementById("image").src = images[1];
      }

      function GoBack()
      {
        document.getElementById("image").src = images[0];
      }

      function GobackAgain()
      { 
        document.GetElementById("Update").src = images[2];
      }

      function ChangeAgain()
      {
        document.getElementById("Update").src = images[3];
      }
    </script>

    <style type="text/css">
      body
      {
        background-color:#1c1a1a;
      }
    </style>

    <div align="center">
      <img src="Untitled-2.png" width="325" height="191">
    </div>

  </head>

  <body>
    <img onmouseover="Change()" 
         onmouseout="GoBack()" 
         id="image" 
         STYLE="position:absolute; TOP:35%; LEFT:10%; WIDTH:204px; HEIGHT:278px" 
         src="Untitled-3.png">

    <img onmouseover="ChangeAgain()" 
         onmouseout="GoBackAgain()" 
         id="Update" 
         STYLE="position:absolute; TOP:35%; LEFT:50%; WIDTH:204px; HEIGHT:278px" 
         src="Update.png">
  </body>
</html>
4

2 回答 2

2

重命名并替换GobackAgain为.GoBackAgainGetElementByIdgetElementById

于 2012-08-13T21:45:53.773 回答
0

这里有一个问题：

function GobackAgain()
{ 
    document.GetElementById("Update").src = images[2];
}

你有GetElementById什么时候应该getElementById

于 2012-08-13T21:42:07.380 回答