gpt4 book ai didi

javascript - Onmouseover OnMouseout javascript

转载 作者:行者123 更新时间:2023-11-28 16:45:59 26 4
gpt4 key购买 nike

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

我遇到的问题是图像在鼠标悬停时没有按应有的方式改变。看起来好像找不到图像 - 但我真的确定图像的来源指向正确的路径。

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

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

<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

关于javascript - Onmouseover OnMouseout javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11942710/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com