jQuery动画背景位置

Question

我似乎无法正常工作。$('#product_family_options_dd').animate({  height: '300px',  width: '900px',  backgroundPosition: '-20px 0px',          },高度和宽度设置动画，但背景不设置动画。

Answer 1

如果仅使用像这样的单独值，则无需使用背景动画插件：

$('.pop').animate({

  'background-position-x': '10%',

  'background-position-y': '20%'

}, 10000, 'linear');

Answer 2

我猜可能是因为它期望一个值？

取自jQuery的动画页面：

动画属性和值

除非另有说明，否则所有动画属性都应设置为单个数值。大多数非数字属性不能使用基本的jQuery功能设置动画。（例如，可以设置宽度，高度或左边的动画，但不能设置背景色。）除非另外指定，否则属性值将被视为像素数。可以在适当的地方指定单位em和％。