Анімація backgroud-position на jquery

Фонове зображення у блоку ми не можемо рухати, використовуючи jquery функцію animate, точніше можемо але плавного переходу не буде. Тому до вашої уваги пропоную хороший плагін jquerybackgroundposition. Використовуючи цей плагін і технологію спрайтів можна робити по-перше красиві меню навігації, а також невеликі анімації, не вдаючись до флешу, банери точно запросто можна робити.

Приклад коду з подією click

$('div#have_background') 
   .click(function(){ 
       $(this) 
            .animate({backgroundPosition: '500px 150px'}) 
        ; 
   });

Ось приклад з подією mouseover і mouseout

$('div#have_background').mouseover(function()
        {
            $(this).stop(); $(this).animate({backgroundPosition: '(0px 0px)'},'fast');
        }).mouseout(function()
        {
            $(this).stop(); $(this).animate({backgroundPosition: '(0px 35px)'},'fast');
        });