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

Question

我刚刚得到了关于网络编程的兴趣。遇到问题，希望有人能向我展示一些方向。

实施例：http://jsfiddle.net/KdhPG/99/

电流：当悬停在图像上的ID，它改变了文本ID的颜色“红”

同样是不可能将鼠标悬停在文本ID来改变当前IMG图像ID的src到另一个图像src/URL？

谢谢！

Answer 1

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

编辑：

正如大卫·托马斯在这种情况下，它更好地与DOM元素这样

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

Answer 2

喜欢这个工作提到？

http://jsfiddle.net/yDhhr/

这并不占鼠标移开/ unhovering，但你应该能够利用此代码，做到这一点。

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

Answer 3

不擅长jQuery ..但这里是使用悬停的可能解决方案，以便恢复先前的图像。悬停在文本时，图像会改变如你所说，一旦鼠标离开它会恢复到以前的形象：

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

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