Могу ли я использовать jQuery замедление с существующими CSS-мышками, которые используют background-position? - PullRequest
Новая
       31

Могу ли я использовать jQuery замедление с существующими CSS-мышками, которые используют background-position?

0 голосов
/ 21 декабря 2010

У меня есть серия ссылок для наведения изображения, которые меняют положение фона при наведении курсора.Можно ли использовать jquery easing с этими ссылками без изменения моего CSS3?Если да, у кого-нибудь есть примеры?

вот мой код: 

  <div id="bbnav">
  <a class="bbnav1" href="#"></a>
  <a class="bbnav2" href="#"></a>
  <a class="bbnav3" href="#"></a>
  <a class="bbnav4" href="#"></a>
  <a class="bbnav5" href="#"></a>
  <a class="bbnav6" href="#"></a>
  <a class="bbnav7" href="#"></a>
  </div>

  .bbnav1:hover {background-position:     0px  -64px; cursor::pointer}
  .bbnav2:hover {background-position:  -159px  -64px; cursor::pointer}
  .bbnav3:hover {background-position:  -273px  -64px; cursor::pointer}
  .bbnav4:hover {background-position:  -422px  -64px; cursor::pointer}
  .bbnav5:hover {background-position:  -580px  -64px; cursor::pointer}
  .bbnav6:hover {background-position:  -658px  -64px; cursor::pointer}
  .bbnav7:hover {background-position:  -808px  -64px; cursor::pointer}

1 Ответ

1 голос
/ 21 декабря 2010

Я никогда не видел сценарий, который смешивал бы JavaScript с псевдоклассом CSS :hover.

Спецификация CSS3 описывает переходы .Это может быть решением вашей проблемы.Однако они еще не поддерживаются повсеместно.

...