html - 悬停图像中的问题

Question

我怎样才能更改这个确切的代码来实现鼠标悬停时的悬停效果？

我的 html 代码是:

  <a href="#"><img src="images/twitter.png" width="44" height="45" title="Twitter" alt="Twitter onmouseover="this.src='facebook-hover';" /></a>
  <a href="#"><img src="images/facebook.png" width="44" height="45" title="Facebook" alt="Facebook"/></a>
  <a href="#"><img src="images/twitter.png" width="44" height="45" title="Twitter" alt="Twitter" /></a>
  <a href="#"><img src="images/twitter.png" width="44" height="45" title="Twitter" alt="Twitter" /></a>

我不知道如何使用这个javascript

请帮忙

Answer 1

使用这个:
HTML:

<a href="#"><img src="images/twitter.png" id="twitter_img" width="44" height="45" title="Twitter" alt="Twitter" onmouseover="test()" /></a>

JavaScript:

function test(){
documnet.getElementById("twitter_img").src="whatever you want to replace it with";
}