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

Question

我刚刚有兴趣了解网络编程。遇到问题，希望有人能告诉我一些方向。

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

当前：将鼠标悬停在图片ID上时，会将文字ID颜色更改为“红色”

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

谢谢！

Answer 1

不擅长jQuery ..但是这里有一个使用悬停的可能解决方案，以便恢复上一个图像。当您将鼠标悬停在文本上时，图像会发生变化，只要鼠标离开就会恢复上一张图像：

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

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

Answer 2

$("#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';

Answer 3

喜欢这个吗？

http://jsfiddle.net/yDhhr/

这不考虑mouseout / unhovering，但您应该能够使用此代码并执行此操作。

作为旁注，使用jQuery的attr()功能，您可以基本上更改您想要的任何属性。这非常有用。