jquery - 用jquery延迟背景效果？

Question

我正在尝试更改某些 div 悬停时的背景，但由于某种原因，我无法使用 jquery 来实现。我想要的是从图像显示到悬停图像的效果，因为使用 css 变化太快而且看起来一点也不好看。有什么建议吗？这是我的代码

#siman{
    background: url(images/siman.png) left top no-repeat;
}
#vogue{
    background: url(images/vogue.png) top left no-repeat;
}
#consejo{
    background: url(images/consejodelcafe.png) top left no-repeat;
}
#digicel{
    background: url(images/digicel.png) top left no-repeat;
}
#siman:hover, #vogue:hover, #consejo:hover, #digicel:hover{
    background-position: left -96px
}

Answer 1

你不能使用动画功能吗？

你在图像上附加一个悬停侦听器，悬停你的函数

$(this).css('background-position', '0px 0px');
$(this).animate({

  'background-position-x': '-96px',
}, 10000, 'linear');