为什么当我把鼠标放在它上面时图像没有改变

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

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

Answer 2

在你script你需要添加function关键字。

<script> 

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

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

} 
</script>