我写了一个脚本，当鼠标悬停在图像上时，该图像会更改图像的来源，
起初它可以工作，但是在添加了第二张使用相同代码的图像后，两者都停止工作。
我遇到的问题是，鼠标悬停时图像没有改变。看起来好像没有找到图像-但是，我确实可以确定图像的来源指向正确的路径。
我也要求其他意见，但看不到自己在做错什么。非常感谢您的帮助或对此的任何投入。
下面是我正在使用的代码。
<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>
最佳答案
将GobackAgain重命名为GoBackAgain并将GetElementById替换为getElementById。