需要在 jquery 站点中更改鼠标悬停时的背景图像

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 可以做到，伙计。