如何在jQuery中设置背景属性的动画?

如何在jQuery中设置背景属性的动画?,jquery,image,background,jquery-animate,sprite,Jquery,Image,Background,Jquery Animate,Sprite,我通过background属性使用CSS精灵,但无法在jQuery中设置动画 有没有一种方法或等效方法来实现这一点 $(function(){ $(".webdesign").mouseover(function(){ $(".webdesign").animate({ background: "url("../images/category-hover.png") 0 0" }); }); }); 我正在设置url属性和位置的动

我通过background属性使用CSS精灵,但无法在jQuery中设置动画

有没有一种方法或等效方法来实现这一点

$(function(){
    $(".webdesign").mouseover(function(){
        $(".webdesign").animate({
        background: "url("../images/category-hover.png") 0 0"
        });
    });
});

我正在设置url属性和位置的动画。

您不能设置url属性的动画,但请确保可以设置背景位置的动画,如下所示:

$("body").animate({"background-position-y": "200px"}, "slow");


如果您还希望过渡到另一个图像,我建议您使用2个div,大小和位置为100%绝对,这样您就可以设置其left:和top:属性的动画,还可以设置其不透明度的动画,以便混合到另一个图像。

您正在设置哪个属性的动画?图像或位置的
url()
?我正在设置url属性和位置的动画。谢谢,我将这样尝试。:)