0

カーソルを合わせると背景の位置が変わる一連の画像のマウスオーバーリンクがあります。CSS3を変更せずにこれらのリンクでjqueryイージングを使用することは可能ですか？もしそうなら、誰かが何か例がありますか？

これが私のコードです：

  <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}
4

1 に答える 1

1

JavaScript のイージングと CSS:hover疑似クラスを組み合わせたシナリオは見たことがありません。

CSS3 仕様では、トランジションの概要が説明されています。これらは、問題の解決策になる可能性があります。ただし、それらはまだ広くサポートされていません。

于 2010-12-21T17:34:17.460 に答える