需要在jquery站点中更改onmouseover上的背景图像

Question

为jquery网站中的链接尝试onmouseover背景图片更改事件，如果有人知道，请通过演示回答这个问题！

Answer 1

假设：您有一个透明的背景图片，就像本例中的那个。

工作演示：http://jsfiddle.net/marcosfromero/Bytmn/

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

您需要logo id的图像和highlighted类的CSS规则。

jQuery hover期望调用两个函数：

1. 一只鼠标结束（mouseenter事件）
2. 一只鼠标出局（mouseleave事件）

Answer 2

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可以做得很好。