jQuery衰落效应

我找不到我问题的确切答案

是我用css精灵创建的按钮。你可以看到。鼠标悬停时，背景颜色将变为白色不透明度15%，背景透明

我想给这个按钮添加jQuery效果。鼠标悬停时，背景图像将缓慢变化。慢慢变白

---

我正在努力。背景图像更改，但速度不慢。

使用此代码解决问题：

$('#footerSocialLinks a').hover(function() {

    $(this).fadeTo(150, 1, function() {

        $(this).css("background-position", "0 -37px");
   });
}, function() {
    $(this).fadeTo(250, 1, function() {

        $(this).css("background-position", "0 0px");
   });
});

---

这里的一个解决方案是动画效果。此效果会在动画期间更改一个或多个css属性

不幸的是，标准JQuery函数只适用于纯数值，因此不能随它更改背景颜色

幸运的是，它附带了一个扩展的动画功能，可以更改背景颜色

$("#footerSocialLinks").children().hover(function(){
          $(this).animate({"backgroundColor":"white"},500);},
    function(){
          $(this).animate({"backgroundColor":"#999"},500);});

但我不想改变背景颜色，我想改变背景位置，我正在使用css精灵技术$这个.animate{background position:0-37px}，500；}`？