Auf vielen Websites, z. B. http://www.clearleft.com , werden Sie feststellen, dass die Links beim Bewegen des Mauszeigers in eine andere Farbe übergehen, anstatt sofort zu wechseln. Dies ist die Standardaktion.
Ich gehe davon aus, dass JavaScript verwendet wird, um diesen Effekt zu erzeugen. Weiß jemand wie?
Antworten:
Heutzutage verwenden die Leute nur noch CSS3-Übergänge, weil es viel einfacher ist als mit JS zu spielen , die Browserunterstützung einigermaßen gut ist und nur kosmetisch, so dass es keine Rolle spielt, ob es nicht funktioniert.
So etwas erledigt den Job:
Sie können auch bestimmte CSS-Eigenschaften mit unterschiedlichen Timings und Beschleunigungsfunktionen übergehen, indem Sie jede Deklaration wie folgt durch ein Komma trennen:
Demo hier
quelle
Ich weiß in der Frage, die Sie stellen "Ich gehe davon aus, dass JavaScript verwendet wird, um diesen Effekt zu erzeugen", aber CSS kann auch verwendet werden, ein Beispiel ist unten.
CSS
HTML
Und hier ist ein JSFIDDLE für den obigen Code!
Marcel weist in einer der Antworten darauf hin, dass Sie "mehrere CSS-Eigenschaften übergehen" können. Sie können auch "alle" verwenden, um das Element mit all Ihren: Hover-Stilen wie unten zu beeinflussen.
CSS
HTML
Und hier ist ein JSFIDDLE für das Beispiel "all"!
quelle
Sie können dies mit JQueryUI tun:
http://jsfiddle.net/dWCbk/
quelle
Versuchen Sie dies in Ihrem CSS:
quelle