Question

现在我已经通过谷歌和youtube搜索了。但我找不到答案！

我喜欢做什么.. 我在中间有一张带有照片的菜单。当我将鼠标悬停在菜单点上时，它会变为蓝色，而中间的图片也会变为蓝色。

更改菜单点的悬停效果通过 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');
});

Answer 1

您需要属性方法：

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

JQuery noob - 将鼠标悬停在一个图像上，更改另一个图像

1 个答案: