Also habe ich diese h1-Elemente, die Links sind, und ich möchte ihnen eine Klasse hinzufügen und diese Klasse ausblenden, sobald das Element über den Cursor gezogen wurde, und dann onMouseOut die Klasse entfernen, während die Klasse ausgeblendet wird. Aber die Verwendung der Fade-Funktion macht nichts für mich. Sehen, wie es das Element verbirgt. Irgendwelche Ideen?
%Vor%Danke!
BEARBEITEN :::
%Vor%Verwenden Sie die jQuery-Benutzeroberfläche .addClass und .removeClass .
%Vor%DEMO (Aus irgendeinem Grund wird es nicht richtig animiert (verblassen) für die das erste Mal .. aber dann geht es gut)
Bearbeiten: Aktualisiert auf Vollständigkeit.
Sie können auch .animate verwenden, um den gewünschten Effekt zu erzielen. Siehe unten,
Wenn Sie die jquery UI nicht verwenden möchten, weil dies eine zusätzliche Belastung darstellt, können Sie Folgendes tun:
(war nützlich für mich, wenn die "versteckte" Bootstrap-Klasse in meiner App verwendet wird)
Langsam einblenden beim Entfernen der Klasse:
%Vor%Langsam ausblenden, die Klasse hinzufügen und dann wieder einblenden:
%Vor%hoffe, das wird die Aufgabe für jemanden vereinfachen!
Klingt so, als ob die Stile der Klasse eingeblendet werden sollen. Sie sollten dafür in animate () schauen: Ссылка
fadeIn blendet einfach das Element ein.
Ich glaube nicht, dass Sie die Überblendung zwischen Klassen überkreuzen können, aber Sie können die Funktion animate verwenden. Mit animate können Sie jede css-Variable während einer bestimmten Zeit beeinflussen.
Ich weiß, dass einige Stile aus der CSS-Datei entfernt werden, aber ich glaube nicht, dass jQuery zwischen den Klassen überblenden wird.
Wenn Sie die jQuery UI-Bibliothek geladen haben, können Sie einen zusätzlichen Parameter für die Funktion toggleClass festlegen.
Stellen Sie Ihre Deckkraft über CSS ein.
%Vor%dann
%Vor%Der 1000 ist der Millisekunden-Zähler für das Ereignis. Daher sollte der Effekt in einer Sekunde auf eine Deckkraft von 1,0 und in einer Sekunde auf eine ausgeblendet werden, wenn er nicht schwebte.
Probieren Sie es aus, und hier ist das jsFiddle ( Linkbeschreibung hier eingeben ):
%Vor%Tags und Links javascript html jquery dom