バックグラウンドポジションを使用する既存のCSSマウスオーバーでJQuery Easingを使用できますか？

Question

ホバリング時に背景ポジションを変更する一連の画像マウスオーバーリンクがあります。私のCSS3を変更せずに、これらのリンクでJQuery Easingを使用することは可能ですか？もしそうなら、誰かが例を持っていますか？

これが私のコードです：

  <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仕様の概要 移行. 。これらはあなたの問題の解決策になる可能性があります。しかし、それらはまだ普遍的にサポートされていません。