JQuery noob - 将鼠标悬停在一张图片上，更换另一张图片

现在我已经通过google和youtube搜索了。但我找不到答案！JQuery noob - 将鼠标悬停在一张图片上，更换另一张图片

我喜欢做什么.. 我得到了一张中间有图片的菜单。当我将鼠标悬停在菜单点上时，它变成蓝色，中间的图片变成蓝色。

改变菜单点的悬停效果，通过CSS工作。但我不能在中间的图片来改变！

我的html代码：

<nav class="nav1"> 
    <ul> 
    <a href="news.html" class="but" id="news">News</a> 
    <a href="index.html" class="but">index</a> 
    <a href="about.html" class="but">about</a> 
    <a href="media.html" class="but">Media</a> 
    <a href="mons.html" target="_self"> 
    <img src="images/logo/logo.png" class="knaplogo" id="logo"> 
    <-- THIS IS THE ONE WHO SHOULD CHANGE --> 
    <a href="http://www.facebook.com" target="_blank" class="butf"></a> 
    <a href="http://www.youtube.com" target="_blank" class="buty"></a> 
    <a href="http://www.twitter.com" target="_blank" class="butt"></a> 
    </ul> 
</nav>

和我的查询中，开始我只用一个点尝试它：

$('#news').hover(function(){ 
    $('#logo').image('../images/logo/logo.png'); 
});

来源

2013-04-07 user2254488

你需要的属性的方法：

$('#news').hover(function(){ 
    $('#logo').attr('src', '../images/logo/logo.png'); 
});

来源

2013-04-07 13:23:18

好的，谢谢你的帮助。但仍然......它的工作。 – user2254488 2013-04-07 13:59:53

@ user2254488确保新的图像路径是正确的，并尝试包含图像的完整URL作为相对路径无法工作。 – Burimi 2013-04-07 14:52:55

@ user2254488绝对路径是绝对推荐的，因为您可以保证它指向正确的位置。另外，在标记中通过图像的src，你想要更像'$（'＃logo'）。attr（'src'，'images/logo/logo.png'）;'。 – 2013-04-07 14:57:29

JQuery noob - 将鼠标悬停在一张图片上，更换另一张图片

回答

相关问题