jquery - 在 jQuery 中使用精灵和淡入淡出的悬停效果

Question

我很想知道这是如何实现的。我使用精灵进行悬停，通过在标签悬停时移动图像的背景位置来改变按钮背景的外观和感觉。

但是，我如何使用 jQuery 来解决这个问题？

http://dragoninteractive.com/

非常感谢！

Answer 1

我建议使用jQuery fadeIn() 方法。

如果您将背景图像设置为灰色背景，然后将鼠标悬停在另一个蓝色图像上，您应该会得到您想要的效果。

Answer 2

$('yourelementselector').css('background-position', 'new value');

但是为什么要使用 jQuery 来更新背景位置呢？只需使用 CSS：

courselector:hover {
    background-position: newval;
}

编辑：哦，对不起。最初链接没有加载。有一个 jQuery-Plugin 或教程解释了这个褪色动画！