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/

Answer 2

好吧，如果没有插件，我无法让它工作，但好消息是有一个。您可以尝试http://www.protofunc.com/scripts/jquery/backgroundPosition/

编辑....老鼠......对不起......刚看到已经发布了XD

Answer 3

尝试从回调中取出部分动画。并异步调用它，但在它之前使用.delay（500）。

jQuery动画，没有动画

3 个答案: