你如何使用 jQuery 为背景位置设置动画？答案

【问题标题】：How do you animate a background position with jQuery?你如何使用 jQuery 为背景位置设置动画？
【发布时间】：2012-03-05 19:41:22
【问题描述】：

我一直在尝试为 div 的背景位置移动设置动画。 div 有一个背景并且有这样的东西：

<div class="uppermenu" style="background-position: 0px -80px;"></div>

所以，它工作正常，当我制作 mouseenter 时，我想更改背景位置，使其像 background-position:0px 0px，但它不起作用......我可以改变颜色和所有，但我不能移动背景。有什么办法吗？

我试过这样：

jQuery(this).children(".uppermenu").animate({"background-position": "0 85px"}, "slow");

还有这样的：

jQuery(this).children(".uppermenu").animate({
    'background-position-y': '45px',
    'background-position-x': '0px'
}, 100, 'linear');

他们都没有改变我的立场。怎么了？

【问题讨论】：

【解决方案1】：

动画背景位置的语法是：

.animate({backgroundPosition:"(-20px 94px)"});

【讨论】：