jquery анимация

[djman]

Здравейте!
Имам следния код
[js]$(function(){
$('.menu ul li a')
.mouseover(function(){
$(this).stop().animate({backgroundPosition: '-313px 0'}, 500, 'linear')
})
.mouseout(function(){
$(this).stop().animate({backgroundPosition: '-626px 0'}, 200, 'linear', function(){
$(this).css({backgroundPosition: "0 0"})
})
})

});[/js]
и картинка - http://img101.imageshack.us/img101/811/menuspr.gif

Но не се получава това което трябва (примерно http://snook.ca/technical/jquery-bg/ , пример Б). Има забавяне като ховър ефект, но няма нужната анимация... Къде бъркам? Благодаря!

 

[nogravity]

Забравил си скобите на backgroundPosition в animate ефекта - (). Следователно кода би трябвало да ти изглежда по този начин:
[js]$(function(){

$('.menu ul li a')

.mouseover(function(){

$(this).stop().animate({backgroundPosition: '(-313px 0)'}, 500, 'linear')

})

.mouseout(function(){

$(this).stop().animate({backgroundPosition: '(-626px 0)'}, 200, 'linear', function(){

$(this).css({backgroundPosition: "0 0"})

})

})



});[/js]

 

[djman]

Така съвсем не работи - преди позишъна бачкаше, но без плавния ефект.. Интересно как (поне аз така го виждам), почти 1:1 (само различна графика и цифри) код не работи при мен :shock: