Question

我使用此代码制作onmouseover更改图片。但在IE中它可行，在Firefox中显示错误，问题出在哪里？任何人都可以添加一个onmouseout功能，为我返回第一张图片？感谢。

<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>

Answer 1

你可以使用：

<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）上测试了这个并且它正在工作

在js onmouseover中发布更改图片的问题。

1 个答案: