脱节的Jquery悬停

时间:2010-10-29 00:45:05

标签: jquery image

我正在尝试做一个脱节的jquery悬停。当用户将光标悬停在菜单项上时,侧边栏中的图像应交换为次映像。但是,我无法让它发挥作用。

这是jquery:

$('#main-menu li a').hover(function() {
    $("#vette").attr("src","images/vette2.png");
});

这是HTML

<div id="main-menu">
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
</div>


<div>
<img src="images/vette1.png" id="vette">
</div>

1 个答案:

答案 0 :(得分:1)

它应该可以工作,但是如果你想要在你离开项目时恢复原件,你需要添加第二个功能:

$('#main-menu li a').hover(
 function() {$("#vette").attr("src","images/vette2.png");},
 function() {$("#vette").attr("src","images/vette1.png");}
);