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和％。