使用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');