我可以使用使用背景位置的现有CSS鼠标使用jQuery宽松?
-
12-10-2019 - |
题
我有一系列图像鼠标链接,这些链接会在徘徊时会改变背景位置。是否可以在不更改我的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}
解决方案
我从未见过将JavaScript与CSS宽松融合的场景 :hover
伪级。
CSS3规范概述 过渡. 。这些可能是解决您的问题的方法。但是,它们尚未得到普遍支持。
不隶属于 StackOverflow