Анимация backgroud-position на jquery
05.07.2011
Фоновое изображение у блока мы не можем двигать используя 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'); });
ПОДПИСАТЬСЯ НА РАССЫЛКУ НОВОСТЕЙ
Последнее в нашем блоге
Интернет-маркетинг
04.11.2019
Интернет-маркетинг
03.10.2019