0
마우스를 가져 가면 배경 위치가 변경되는 일련의 이미지 마우스 오버 링크가 있습니다. 내 CSS3을 변경하지 않고도이 링크로 jquery easing을 사용할 수 있습니까? 그렇다면 누구나 예제가 있습니까? 나는 자바 스크립트 CSS :hover 의사 클래스 완화 혼합 시나리오를 본 적이background-position을 사용하는 기존 CSS 마우스 오버에서 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}