更改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); 
    } 
);