在悬停另一个ID时更改ID img src

Change ID img src upon hover another ID

本文关键字：ID img src 悬停 另一个      更新时间：2023-09-26

我刚刚对学习web编程产生了兴趣。遇到了一个问题，希望有人能给我指路。

示例：http://jsfiddle.net/KdhPG/99/

当前：当鼠标悬停在图像ID上时，它会将文本ID颜色更改为"红色"

同样，是否可以将鼠标悬停在文本ID上，将图像ID的当前img src更改为另一个图像src/URL？

谢谢！

不擅长jQuery。。但这里有一个可能的解决方案，使用悬停来恢复先前的图像。当鼠标悬停在文本上时，图像会发生变化，一旦鼠标离开，它将恢复以前的图像：

var prevsrc;
$("#one").hover(
    function() {
        prevsrc =  $("#img-one").attr('src');
        $("#img-one").attr('src', 'yourNewImageUrl');    
    },
    function() {
        $("#img-one").attr('src', prevsrc);
    }
);

这样？

http://jsfiddle.net/yDhhr/

这并不能解释mouseout/unchering，但你应该能够接受这个代码并执行它

附带说明一下，使用jQuery的attr()特性，您基本上可以更改任何想要更改的属性。这非常有用。

$("#img-one").hover(function() {
    $('#img-one').attr("src","http://aviationhumor.net/wp-content/uploads/2011/02/chuck-norris.jpg");
}

编辑：

正如David Thomas在本例中提到的那样，最好使用像这样的DOM元素

this.src = 'http://aviationhumor.net/wp-content/uploads/2011/02/chuck-norris.jpg';
相关文章：