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