fadeIn und Out-Effekt auf schweben mit jQuery

Ich bin derzeit ein Hover-Effekt mit jQueryUI wie folgt aus:fadeIn und Out-Effekt auf schweben mit jQuery

$('#menu-header-menu li a').hover(
    function() { 
     $(this).animate({ backgroundColor: '#eaeaea'}, 500); 
    }, 
    function() { 
     $(this).animate({ backgroundColor: '#fff'}, 500); 
    } 
);

Aber ich fühle, dass einschließlich jQuery und jQueryUI Bibliotheken zu tun dies nicht notwendig ist. Gibt es eine clevere Möglichkeit, dies mit fadeIn und fadeOut mit nur jQuery zu tun?

Ich habe einige verschiedene Dinge ausprobiert, kann aber nicht ohne jQueryUI arbeiten.

Dank/Tobias

Quelle

2010-12-11 sandelius

... gibt es nichts in Ihrem Code, die jQuery UI beinhaltet. 'animate' ist eine Standard-jQuery-Methode: http://api.jquery.com/animate/ Welchen Fehler siehst du genau? –

@Victor - Sie benötigen eine Benutzeroberfläche, um Farbübergänge zu animieren. – user113716

@patrick: Sie haben Recht. Und es ist genau dort auf der Seite, mit der ich verlinkt bin./shame –

Um Animationen mit Farben auszuführen, müssen Sie den jQuery Color Animations Plugin oder einem nackten Knochen fx Paket von jQuery UI verwenden.

Quelle

2010-12-11 21:25:51

aber könnte ich vielleicht in einer Klasse verblassen, die die richtige Farbe hat? – sandelius

@sandelius Ich glaube nicht. –

Das Farbverblassen befindet sich nicht in der jQuery-Hauptbibliothek. Nur die Opazität ist ohne andere Plugins verfügbar. –

Alternativ Sie zu einer Klasse mit diesem Plugin animieren: http://plugins.jquery.com/project/animate-to-class

Quelle

2010-12-11 23:03:29

fadeIn und Out-Effekt auf schweben mit jQuery

Antwort

Verwandte Themen