问题js onmouseover更改图片。

我用这段代码来做一个onmouseover改变图片。但在IE浏览器的作品，在Firefox中显示错误，问题在哪里？任何人都可以添加一个onmouseout函数返回给我的第一张照片？谢谢。问题js onmouseover更改图片。

<script type="text/javascript"> 
function changeimage(rel){ 
document.getElementById("image").src=rel; 
} 
</script> 
<img src="img1.jpg" id="image" /> 
<a onmouseover="changeimage('img1.jpg')" rel="img1.jpg">img1</a> 
<a onmouseover="changeimage('img2.jpg')" rel="img2.jpg">img2</a> 
<a onmouseover="changeimage('img3.jpg')" rel="img3.jpg">img3</a>

来源

2010-12-02 yuli chika

- src值，即“IMG1”，是不是一个图像文件。 – 2010-12-02 08:17:36

对不起，这是我的复印错误。 – 2010-12-02 08:25:49

你可以使用：

<script type="text/javascript"> 
function changeimage(rel) 
{ 
    var img = document.getElementById("image"); 
    img.setAttribute("orig", img.src); 
    img.src=rel; 
} 

function SetOriginal() 
{ 
    var img = document.getElementById("image"); 
    img.src = img.getAttribute("orig"); 
} 
</script> 
<img src="img1" id="image" /> 
<a onmouseover="changeimage('img1')" onmouseout="SetOriginal()" rel="img1">img1</a> 
<a onmouseover="changeimage('img2')" onmouseout="SetOriginal()" rel="img2">img2</a> 
<a onmouseover="changeimage('img3')" onmouseout="SetOriginal()" rel="img3">img3</a>

返回到原始图像。我测试这在Firefox（3.6.12），并且它的工作

来源

2010-12-02 08:30:12 Daniel

问题js onmouseover更改图片。

回答

相关问题