Onmouseover-OnMouseout javascript_Javascript_Html_Css

Onmouseover-OnMouseout javascript

javascript html css

Onmouseover-OnMouseout javascript,javascript,html,css,Javascript,Html,Css,我写了一个脚本，在鼠标移到图像上时更改图像的来源，起初它是有效的，但在添加了使用相同代码的第二个图像后，这两个图像都停止了工作我遇到的问题是，图像在鼠标悬停时并没有像应该的那样改变。看起来好像找不到图像-但是我确信图像的来源指向正确的路径我也征求了其他意见，我看不出我做错了什么。我真的很感谢你的帮助或在这方面的任何意见下面是我正在使用的代码 <html> <head> <script type="text/javascript">

我写了一个脚本，在鼠标移到图像上时更改图像的来源，起初它是有效的，但在添加了使用相同代码的第二个图像后，这两个图像都停止了工作

我遇到的问题是，图像在鼠标悬停时并没有像应该的那样改变。看起来好像找不到图像-但是我确信图像的来源指向正确的路径

我也征求了其他意见，我看不出我做错了什么。我真的很感谢你的帮助或在这方面的任何意见

下面是我正在使用的代码

<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>

这里有一个问题：

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

您拥有GetElementById，而它应该是GetElementById

将GoBackReach重命名为GoBackReach并用GetElementById替换GetElementById。

您的GoBackReach包含一个错误：GetElementById不存在，请使用GetElementById抱歉，没有发现您的anwser！是的，我改变了，但仍然不起作用：/ty为您的快速anwser！没问题，请参阅下面我的完整答案。已修复，但仍然会发生相同的情况！：/顺便说一句，谢谢你的快速回复=你知道另一种方法吗？是的，你是对的，我的错误，谢谢你的帮助，真的很抱歉=