Jquery选择器: How to: change the src attribute of an image tag on link hover

Question

当链接悬停在上面时，我需要更改图像的 src 属性

<div class="clear span-33 last" id="navigation">
  <div class="hicon span-1"><a href="#" title="Homepage"><img src="../Assets/images/home.png" /></a></div>
</div>   

当链接未悬停在...时，也将其更改为默认值...

Answer 1

您确实应该考虑使用 CSS Sprite 在悬停时切换背景。但如果您需要在 jQuery 中执行此操作，类似这样的操作就可以做到。只需根据您的喜好更改源图像(还预加载悬停图像):

var link = $('a'), 
    img  = link.children('img'), 
    orig = img.attr('src'), 
    over = 'over.png', 
    temp = new Image();

temp.src = over; // preloads

link.hover(function() {
    img.attr('src',over);
},function() {
    img.attr('src',orig);
}