Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从链接定位图像_Javascript_Html - Fatal编程技术网

Javascript 从链接定位图像

Javascript 从链接定位图像,javascript,html,Javascript,Html,我在网页上有一个标准的链接。我正试图使用onmouseover在同一页面上的其他地方更改图像,但我一事无成 我猜这是可能的,但如何实现呢?您可以使用以下JS代码: window.load = function() { var link = document.getElementById('LINK_ID'); var img = document.getElementById('IMAGE_ID'); link.onmouseover = function() {

我在网页上有一个标准的
链接。我正试图使用
onmouseover
在同一页面上的其他地方更改图像,但我一事无成


我猜这是可能的,但如何实现呢?

您可以使用以下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;
    }
}

您可以通过内联路线快速解决问题

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

然后图像本身将被添加为

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


我想我们需要更多信息-你能发布一些代码吗?用简单的旧JS?或者可以使用JQ吗?:-)无论图像在页面上的什么位置,都可以通过它的ID找到它。在鼠标悬停事件处理程序中,使用
getElementById
定位图像。让我们看看你试过什么,假设是JS,因为jQuery没有标记,@deadconversationsYes,但从他的问题风格来看,他可能不知道JQ的存在。