Javascript 当鼠标悬停在特定导航链接上时，如何将页面徽标与不同的徽标交换

我确信使用jquery这是相当简单的，但我无法理解。我有一个网站的标志，是目前当网站加载。当用户将鼠标悬停在某个导航链接上时，我想用另一个徽标替换该徽标

当鼠标悬停在“com”链接上时，我想将站点徽标换成另一个

有人能告诉我如何用jquery实现这一点吗

<div>
<div id="logo"><img src="myimage.png"></div>
<div id="menu">
     <ul>
       <li><a href="#">res</a></li>
       <li><a href="#">com</a></li>

    </ul>
</div>
</div>

这是一种方式：

$('a:contains("com")').mouseover(function(){
    $('#logo img').prop('src','http://www.placekitten.com/100/100')
});

这是一种方式：

$('a:contains("com")').mouseover(function(){
    $('#logo img').prop('src','http://www.placekitten.com/100/100')
});

这是一种方式：

$('a:contains("com")').mouseover(function(){
    $('#logo img').prop('src','http://www.placekitten.com/100/100')
});

这是一种方式：

$('a:contains("com")').mouseover(function(){
    $('#logo img').prop('src','http://www.placekitten.com/100/100')
});

---

是的，您可以使用jQuery使用attr来完成

给他们上课。悬停名称应为myimage-hover.png

$(function () {
    $('a.res').hover( function () {
        $(.logo img).attr('src', $(.logo img).attr('src').replace(/\.png/, '-hover.png') );
    });
});

---

是的，您可以通过jQuery使用attr来实现

给他们上课。悬停名称应为myimage-hover.png

$(function () {
    $('a.res').hover( function () {
        $(.logo img).attr('src', $(.logo img).attr('src').replace(/\.png/, '-hover.png') );
    });
});

---

是的，您可以通过jQuery使用attr来实现

给他们上课。悬停名称应为myimage-hover.png

$(function () {
    $('a.res').hover( function () {
        $(.logo img).attr('src', $(.logo img).attr('src').replace(/\.png/, '-hover.png') );
    });
});

---

是的，您可以通过jQuery使用attr来实现

给他们上课。悬停名称应为myimage-hover.png

$(function () {
    $('a.res').hover( function () {
        $(.logo img).attr('src', $(.logo img).attr('src').replace(/\.png/, '-hover.png') );
    });
});

---

它可能也值得您花时间检查精灵。

它可能也值得您花时间检查精灵。

它可能也值得您花时间检查精灵。

它可能也值得您花时间检查精灵。

对于OP想要做的事情，我建议您也使用精灵。对于OP想要做的事情，我也会推荐雪碧。对于OP想要做的事，我也会推荐雪碧。对于OP想要做的事，我也会推荐雪碧。正如鲁本·范·迪克所指出的，雪碧会更好。这会更快，因为图像是在页面加载时加载的，并且在使用css hover时不需要javascript。除了在链接上悬停时如何更改徽标外，这是有意义的？它不只是在导航中加载精灵图像，而不是在#logo中切换到其他徽标吗？对雪碧来说还是新鲜事。正如鲁本·范·迪克所指出的，雪碧会更好。这会更快，因为图像是在页面加载时加载的，并且在使用css hover时不需要javascript。除了在链接上悬停时如何更改徽标外，这是有意义的？它不只是在导航中加载精灵图像，而不是在#logo中切换到其他徽标吗？对雪碧来说还是新鲜事。正如鲁本·范·迪克所指出的，雪碧会更好。这会更快，因为图像是在页面加载时加载的，并且在使用css hover时不需要javascript。除了在链接上悬停时如何更改徽标外，这是有意义的？它不只是在导航中加载精灵图像，而不是在#logo中切换到其他徽标吗？对雪碧来说还是新鲜事。正如鲁本·范·迪克所指出的，雪碧会更好。这会更快，因为图像是在页面加载时加载的，并且在使用css hover时不需要javascript。除了在链接上悬停时如何更改徽标外，这是有意义的？它不只是在导航中加载精灵图像，而不是在#logo中切换到其他徽标吗？对精灵来说还是新鲜事。