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

Question

请耐心等待，我是学习 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。提前致谢!

Answer 1

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

http://jsfiddle.net/u8fsU/