jQuery动画,没有动画

Question

我正在使用animate()函数来改变悬停时按钮的背景位置,问题是它不是"动画"而是等待持续时间(500)并轻弹到新的背景位置 - 没有平滑过渡.

$('.confirm').hover(function() {
    $(this).animate({backgroundPosition: '0, -40px'});
}, function() {
    $(this).animate({backgroundPosition: '0, 0'});
});

这就是我正在使用的JS.有什么想法没有做到平稳过渡？这就像是超时.我同时定义了jQuery和UI.

谢谢!

Answer 1

您无法在本机动画背景位置.动画属性期望一个值,如opacity:1,left:'50px'等.

这个插件应该添加你需要的功能:http: //www.protofunc.com/scripts/jquery/backgroundPosition/