0

现在我已经通过 google 和 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');
});
4

1 回答 1

4

您需要属性方法：

$('#news').hover(function(){
    $('#logo').attr('src', '../images/logo/logo.png');
});
于 2013-04-07T13:23:18.773 回答