Question

在设置图片team.gif的行中，我设置了事件onmouseout和onmouseover，但两者都无效。当我把鼠标放在它上面时，图像没有变化。请帮我。

<div  id="about" style="position:absolute;top:1310px;width:1340px;height:655px;background-color:black;opacity:0.9">
<div style="position:absolute;top:140px;left:630px;border:thin solid #03c1cb;width:2px;height:460px " >
</div>
<img src="mission.gif" alt="mission" style="position:absolute;top:1400px;right:430px" />
<img src="vision.gif" alt="vision" style="position:absolute;top:1570px;right:420px" />
<img src="team.gif" alt="team" style="position:absolute;top:1610px;right:360px;z-index:100" onmouseover="lighton(this)" onmouseout="lightof(this)" />
<img src="3.gif" alt="light"  id ="light"style="position:absolute;top:1360px;right:15px" />
</div>

我的javascript代码在这里

<script>

lighton(x)
{
x.src="team1.gif";

}
lightof(x)
{
x.src="team.gif";

}
</script>

Answer 1

在script中，您需要添加function关键字。

<script>

function lighton(x)
// ^^^^^^^^
{
x.src="team1.gif";

}
function lightof(x)
//^^^^^^^^
{
x.src="team.gif";

}
</script>

Answer 2

<img src="team.gif" alt="team" style="position:absolute;top:1610px;right:360px;z-index:100"  onmouseover="this.src='team1.gif'" onmouseout="this.src='team.gif'" />

小提琴https://jsfiddle.net/8wx8r9za/

将鼠标悬停在图像上时，为什么图像不会改变

2 个答案: