需要更改jquery网站中鼠标悬停时的背景图片

问题描述

|| 尝试为jquery网站中的链接尝试onmouSEOver背景图像更改事件，如果有人知道，请演示一下！     

解决方法

        假设：您有一个透明的背景图像，如本例中的图像。 工作演示位于：http://jsfiddle.net/marcosfromero/Bytmn/

$(\'#logo\').hover(function() {
    $(this).addClass(\'highlighted\');
},function() {
    $(this).removeClass(\'highlighted\');
});

您将需要一个具有

logo

id的图像和

highlighted

类的CSS规则。 jQuery

hover

期望调用两个函数： 一只鼠标结束了（

mouseenter

事件） 一只鼠标熄灭（

mouseleave

事件）     ,        

a
{
background:#ffffff url(\'path-of-your-mouseout-image.jpg\') no-repeat top left;
}

a:hover
{
background:#ffffff url(\'path-of-your-mouseover-image.jpg\') no-repeat top left;
}

CSS可以做到这一点。