Kann ich jQuery-Easing mit vorhandenen CSS-Mouseovers verwenden, die die Hintergrundposition verwenden?

Question

Ich habe eine Reihe von Bild Mouseover-Links, die Hintergrund-Position ändern, wenn Sie schwebten. Ist es möglich, jquery easing mit diesen Links zu verwenden, ohne mein CSS3 zu ändern? Wenn ja, hat jemand Beispiele?

hier ist mein Code:

<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

Ich habe noch nie ein Szenario gesehen, die JavaScript Lockerung mit der CSS :hover Pseudo-Klasse gemischt.

Die CSS3 Spezifikation umreißt transitions. Dies könnte eine Lösung für Ihr Problem sein. Sie werden jedoch noch nicht allgemein unterstützt.