我正在尝试做一个脱节的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>
答案 0 :(得分:1)
它应该可以工作,但是如果你想要在你离开项目时恢复原件,你需要添加第二个功能:
$('#main-menu li a').hover(
function() {$("#vette").attr("src","images/vette2.png");},
function() {$("#vette").attr("src","images/vette1.png");}
);