Как оживить свойство фона в jQuery?

Question

Я использую CSS спрайты через свойство фона, и я не могу анимировать его в jQuery.

Есть ли способ или эквивалентный метод, как этого достичь?

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

Я оживляю URL-адрес и позицию.

Answer 1

Вы не можете анимировать свойство URL-адрес, но уверен, вы можете анимировать положение фона, как это:

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

Example jsfiddle

Если вы хотите перейти к другому изображению, я предлагаю вы должны использовать 2 divs со 100% размером и позицией: абсолютный, чтобы вы могли анимировать свои левые и верхние свойства, а также анимировать их непрозрачность, чтобы перейти к другому изображению.