我可以将jQuery与使用背景位置的现有CSS鼠标盖一起使用吗？

我有一系列图像鼠标悬停链接，当鼠标悬停时会改变背景位置。是否可以在不更改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}

.bbnav1:悬停{背景位置：0px-64px；光标：：指针}
.bbnav2:悬停{背景位置：-159px-64px；光标：：指针}
.bbnav3:悬停{背景位置：-273px-64px；光标：：指针}
.bbnav4:悬停{背景位置：-422px-64px；光标：：指针}
.bbnav5:悬停{背景位置：-580px-64px；光标：：指针}
.bbnav6:悬停{背景位置：-658px-64px；光标：：指针}
.bbnav7:悬停{背景位置：-808px-64px；光标：：指针}

我从未见过将JavaScript与CSS

混合使用的场景：hover

伪类

CSS3规范概述。这些可以解决你的问题。然而，它们尚未得到普遍支持