Блог

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

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

#jquery #css #animation #easing-functions #jquery-easing

#jquery #css #Анимация #функции смягчения #jquery-easing

Вопрос:

У меня есть серия ссылок наведения курсора мыши на изображение, которые меняют background-position при наведении курсора. Можно ли использовать 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:

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

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