Могу ли я использовать смягчение jQuery с существующими CSS MouseOvers, которые используют фоновую позицию?

Question

У меня есть серия ссылок на изображение Mouseover, которые изменяют фоновую позицию при паривании. Можно ли использовать jQuery Ealeing с помощью этих ссылок без изменения моего 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}

Answer 1

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

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