当前位置 : 主页 > 网页制作 > JQuery >

Jquery选择器:如何:更改链接悬停时图像标记的src属性

来源:互联网 收集:自由互联 发布时间:2021-06-15
我需要在链接悬停时更改图像的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 当链接没有悬停在…时也将其更改
我需要在链接悬停时更改图像的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>

当链接没有悬停在…时也将其更改为默认值

你真的应该考虑使用CSS sprites来悬停切换背景.但是如果你需要在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);
}
网友评论