Puis-je utiliser l'assouplissement jQuery avec mouseovers existants CSS que l'utilisation background-position?

Question

J'ai une série de liens mouseover image que le changement de position de fond lorsque planait. Est-il possible d'utiliser jquery faciliter ces liens sans changer CSS3? Dans ce cas quelqu'un at-il des exemples?

voici mon code:

  <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

Je ne l'ai jamais vu un scénario que l'assouplissement mixte JavaScript avec la pseudo-classe CSS :hover.

La spécification CSS3 contours transitions . Celles-ci pourraient être une solution à votre problème. , Ils ne sont toutefois pas encore universellement pris en charge.