Question

我在网页上有一个标准的<a>链接。我正在尝试使用onmouseover在同一页面的其他位置更改图像，但我无法到达任何地方。

我猜这是可能的，但我不知道怎么做。关于这个的任何想法？

由于

Answer 1

您可以使用此JS代码：

window.load = function() {
    var link = document.getElementById('LINK_ID');
    var img = document.getElementById('IMAGE_ID');

    link.onmouseover = function() {
        img.src = 'put image path here to change';
    }
}

然后，如果您想返回旧图像，当用户将鼠标移出链接时。

window.load = function() {
    var link = document.getElementById('LINK_ID');
    var img = document.getElementById('IMAGE_ID');
    var org_img = img.src;

    link.onmouseover = function() {
        img.src = 'put image path here to change';
    }

    link.onmouseout = function() {
        img.src = org_img;
    }
}

Answer 2

您可以使用内联路线进行快速解决。

<a href="#" onmouseover="document.pic.src='Hover Image'" onmouseout ="document.pic.src='Original Image'">Change That Pic!</a>

然后图像本身将被添加为

<img name=pic src="Original Image" />

Fiddle Example Here.

从链接定位图像

2 个答案: