为什么这个背景没有动画?

时间:2012-03-27 11:12:38

标签: jquery animation

我有一个简单的挑战,背景没有动画。

之前我使用过此代码,所以我有点不知所措。

代码是:

html(我可以看到重复的背景)。

<div id="working_wrap"></div>​

jquery的:

$('#working_wrap').animate({backgroundPosition: '30px 0px'}, 5000);​

I've created a jsfiddle of the simple problem。背景应该立即开始制作动画。

我现在失去了什么模糊的大脑?

4 个答案:

答案 0 :(得分:1)

我认为你必须删除px

所以,$('#working_wrap').animate({backgroundPosition: '30px 0'},5000);​。 这将在5秒30px向左移动背景。

答案 1 :(得分:1)

试试这个

$('#working_wrap').animate({backgroundPosition: 30},5000);

0px没用(编辑:在你的情况下)并且动画不支持它。来自Jquery doc

  

应将所有动画属性设置为单个数值

答案 2 :(得分:1)

查看以下示例。明确设置背景,对于firefox 2,您需要设置开始背景位置

http://jsfiddle.net/w43LJ/4/

答案 3 :(得分:0)

默认情况下不支持

background-position动画。包含一个名为jquery.backgroundPosition.js的jQuery插件,使其工作:

http://www.protofunc.com/scripts/jquery/backgroundPosition/