如何更改圖像懸停與javascript

-1

嘿，我是新來的人，我想在我的網站上做一些事情，我有一個div，我希望當人們用鼠標懸停它時，它會改變其中的圖像到另一個圖像。我發現這個http://jsfiddle.net/EXNZr/1/，但它只在我懸停圖像時才起作用，當我將鼠標懸停在div上時，如何改變它？在此先感謝和抱歉的蹩腳的英語如何更改圖像懸停與javascript

<div id="content"><img id="changeonhover" src="../test/images/yes.png"></div>

這是我的代碼，我想，當人們徘徊在例如進入no.gif「changeonhover」變「內容」的形象

來源

2012-07-28 figote

你想它留改變改變<img>標籤<div>？ – 2012-07-28 01:12:15

只有當可能時懸停 – figote 2012-07-28 01:13:00

什麼是不工作關於你張貼的小提琴？它確實是你要求的... – 2012-07-28 01:14:29

試試這個：http://jsfiddle.net/Ry8E4/

$(document).ready(function() 
{ 
    $("#theDiv").hover(
     function() 
     { 
      $("#imgDino").attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif"); 
     }, 
     function() 
     { 
      $("#imgDino").attr("src", "http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870"); 
     }       
    );     
});

來源

2012-07-28 01:12:59 Nullpo

http://jsfiddle.net/EXNZr/54/

您只需懸停事件處理程序應用到父DIV和陳ge使用.find（）中的圖像標籤的src;

參考：上#content

http://api.jquery.com/find/

來源

2012-07-28 01:13:14 Austin

我真的需要學習jquery，謝謝！ – figote 2012-07-28 01:20:39

沒問題，一定要點擊左邊的複選框，如果你覺得我最好的回答你的問題。 – Austin 2012-07-28 01:27:30

$(document).ready(function() { 
    $("#content").hover(
     function() 
     { 
      $('#changeonhover', this).attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif"); 
     }, 
     function() 
     { 
      $('#changeonhover', this).attr("src", "http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870"); 
     }       
    );     
});

呼叫事件，而不是#changehover。

來源

2012-07-28 01:13:32

感謝它的工作，我感到啞巴！ – figote 2012-07-28 01:19:42

@figote不客氣。 – 2012-07-28 01:22:18

感到有必要告訴你，這個完全可以利用CSS來實現，如果你有背景圖像

來源

2012-07-28 01:14:07 Andy

這裏的不好之處在於'src'提供了變量 – manix 2012-07-28 01:21:16

如何更改圖像懸停與javascript

回答

相關問題