你如何用jQuery动画背景位置？

Question

我一直试图动画从div中移动背景位置。 div有背景，有这样的东西：

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

所以，它工作正常，当我正在制作一个mouseenter时我想改变它的背景位置，使其像背景位置：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');

他们都没有改变我的立场。有什么问题？

Answer 1

动画背景位置的语法是：

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

您也可以在http://archive.plugins.jquery.com/project/backgroundPosition-Effect

使用插件