Ich versuche, einen einfachen Pulseffekt zu erzeugen, indem ich die Hintergrundfarbe mit JQuery ändere. Allerdings kann ich die backgroundColor nicht animieren.
%Vor%Es ist seltsam, dass diese alternative Animation funktioniert:
%Vor%Aber es ist nicht das, was ich will.
Zusätzlich funktionieren die Funktionen show () und scroll in der Funktion gut. Es ist nur die Hintergrundfarbenanimation, die nicht funktioniert.
Die obige Funktion wird über diesen Link aufgerufen
<a href="#" onclick="javascript:show_user('#9e4cde88b90004ea722e9e129ed83747')">Locate Me</a>
Könnte mir jemand helfen, die Hintergrundfarbe zu animieren?
=========
Danke für die Hilfe. Viele ähnliche Antworten. Hier ist, was ich mit
endeteIn meiner Kopfzeile
<script src="http://code.jquery.com/color/jquery.color-2.1.2.min.js"></script>
Dann in meiner show_user Funktion direkt nach der Bildlaufanimation.
%Vor%Das gibt einen relativ schnellen roten "Puls", der die Augen des Benutzers anzieht.
Nochmals vielen Dank für die Hilfe.
jQuery kann Farben standardmäßig nicht animieren. Verwenden Sie das offizielle jQuery.Color -Plugin, um Farben zu animieren.
Alle animierten Eigenschaften sollten zu einem einzigen numerischen Wert animiert werden, außer wie unten angegeben; Die meisten Eigenschaften, die nicht numerisch sind, können nicht mit grundlegenden jQuery-Funktionen animiert werden (z. B. können Breite, Höhe oder links animiert sein, Hintergrundfarbe jedoch nicht, es sei denn, das jQuery.Color () - Plugin wird verwendet).
jQuery unterstützt Animationen zwischen beliebigen numerischen CSS-Eigenschaften, die keine Farben enthalten. Es gibt jedoch andere Bibliotheken, die animierende Farben ermöglichen. Eine solche Bibliothek ist die jQuery-Farbe mit dem passenden Namen. Auf der Readme-Seite finden Sie einige Beispiele, wie Sie mithilfe von jQuery zwischen Farben animieren können .animate() Funktion
Sie müssen zuerst den Hintergrund auf die von Farbe einstellen oder es wird nichts zweites Mal tun.
Sie haben auch die CSS-Eigenschaft 'background-color' eingegeben und in Anführungszeichen gesetzt, wie ich es nicht tat:)
Tags und Links javascript jquery css