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

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

jqueryvsflash

Фоновое изображение у блока мы не можем двигать используя 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');
 });
Давайте дружить!
Поставьте нравится 👍
Спасибо, я уже с вами!
Вы подписались на нашу рассылку
Спасибо!
Мы обещаем, что не будем спамить, все только самое
нужное и полезное для вашего развития.
Спасибо!
Мы свяжемся с Вами в ближайшее время
ЛОВИТЕ БОНУС
Бесплатный аудит контекстной рекламы Google Adwords.
Прокачаем ваш контекст!