javascript - 使用onmouseover将文本超链接更改为图像超链接？

请和我一起学习javascript（自学）！我通常只是通过网络浏览自己寻找答案的人，但到目前为止，我还没有找到任何资源来解释如何完成以下任务：

因此，基本上我想要做的就是更改此（HTML）：

<a href="link.html"id="speaker"onmouseover="showImage()"onmouseout="goBack()">SPEAKERS</a>

通过使用javascript图像。

图像与html和js放在同一文件夹中。
据我所知，这里是使用javascript的方法：

function showImage()
 {
 picture = new Image(100,100);
picture.src = "icon2.png";
document.getElementById("speakers").innerHTML = picture.src;
  }

function goBack()
 {
 document.getElementById("speakers").innerHTML="SPEAKERS";
 }

为了清楚起见，我要做的就是在过程中使用相同的超链接时，使用“ onmouseover”将文本（“ SPEAKERS”）更改为图像。

看来这是一个非常简单的问题，但我对确定我想做的事情是否还没有足够的了解。如果不可能的话，我只想知道两种方法； P。提前谢谢！

最佳答案

如果可以使用jquery，则可以使用.html()和.hover()

http://jsfiddle.net/u8fsU/

关于javascript - 使用onmouseover将文本超链接更改为图像超链接？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12327441/