Анимированное движение изображения - PullRequest
Новая
       7

Анимированное движение изображения

0 голосов
/ 14 июля 2011

Сначала маленький код =]:

css: 

.mainnav li:hover{
   background:url("/css/images/nav.png") no-repeat scroll 0 0 transparent;
}

скрипт: 

$(document).ready(function() {

  $('.mainnav li').mouseover(function() {
    $(this).stop().animate(????,400)
  });
});

html: 

<ul class="mainnav">
  <li>
   <a href="/Home.aspx">home</a>
  </li>
  ..
  ..
</ul>

ЧтоЯ хочу, чтобы при наведении указателя мыши на другое изображение изображение не двигалось и не появлялось, скорее оно медленно («анимировано») перемещалось туда ...

Спасибо.

1 Ответ

0 голосов
/ 14 июля 2011

Для анимации фоновой позиции вам нужен плагин , так как jquery не делает этого из коробки.Использование на связанной странице.

...