爲什麼當我把鼠標放在它上面時圖像沒有改變

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>