1

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

4

2 回答 2

0

尝试这样的事情让你开始（不是一个完整的或经过测试的解决方案）：

var showImage = function(){
  var picture = document.createElement("img");
  picture.src = "icon2.png";
  picture.href = "link.html";

  var speakers = document.getElementById("speakers");
  speakers.parentNode.replaceChild(speakers, picture);
}

请参阅https://developer.mozilla.org/en-US/docs/Gecko_DOM_Reference以获得对一些可用 DOM 属性和方法的良好参考。

于 2012-09-08T02:04:06.783 回答
0

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

http://jsfiddle.net/u8fsU/

于 2012-09-08T02:12:58.967 回答