animate-Methode in jquery

$("#element").animate({ opacity: 0.5, left: "+=50", top: "+=50" }, 1000);

$(".first").animate({left: "100px"}, 1000) .animate({top: "50px"}, 1000) .animate({height: "200px"}, 1000);

$("button").click(function(){ $("div").animate({ width: "200px", height: "200px" }, 1000, function(){ alert("动画完成！"); }); });

properties: Erforderlich, ein Objekt, das eine oder mehrere CSS-Eigenschaften und deren Werte angibt.

speed: Optional, gibt die Geschwindigkeit der Animationsausführung an, die „langsam“, „schnell“ oder ein Millisekundenwert sein kann.

easing: Optional, gibt die Beschleunigungsfunktion der Animation an, die „swing“ oder „linear“ sein kann, oder den Namen einer benutzerdefinierten Funktion.

callback: Optional, Funktion, die ausgeführt wird, wenn die Animation abgeschlossen ist.

Zusätzlich zur oben genannten Grundsyntax kann die animate()-Methode auch viele andere Parameter und Optionen akzeptieren.

ParameterIm Folgenden sind einige allgemeine Parameter aufgeführt, die in der animate()-Methode verwendet werden können: step: Eine Funktion, die zum Ausführen anderer Vorgänge während des Animationsprozesses verwendet wird und einmal aufgerufen wird jedes Bild. Diese Funktion verfügt über zwei Parameter: Der erste Parameter repräsentiert den Fortschritt des aktuellen Frames und der zweite Parameter repräsentiert den Wert des aktuellen Elements. queue: Ein boolescher Wert, der angibt, ob die Animation beginnen soll, nachdem die vorherige Animation abgeschlossen ist. Der Standardwert ist „true“. start: Eine Funktion, mit der einige Vorgänge ausgeführt werden, bevor die Animation beginnt. progress: Eine Funktion, die regelmäßig während des Animationsprozesses aufgerufen wird, einmal pro Frame. Diese Funktion verfügt über drei Parameter. Der erste Parameter repräsentiert den Fortschritt des aktuellen Frames, der zweite Parameter repräsentiert den Wert des aktuellen Elements und der dritte Parameter repräsentiert die aktuelle Zeit. done: Eine Funktion, die ausgeführt wird, nachdem die Animation abgeschlossen ist. fail: Eine Funktion, die ausgeführt wird, wenn die Animation fehlschlägt. always: Eine Funktion, die ausgeführt wird, wenn die Animation abgeschlossen ist oder fehlschlägt. Zusätzlich zu diesen Parametern kann die animate()-Methode auch einige andere Optionen akzeptieren, wie zum Beispiel: duration: Gibt die Dauer der Animation an, die kann ein Millisekundenwert oder „schnell“, „langsam“ sein. easing: Geben Sie den Namen der Animationsbeschleunigungsfunktion oder einer benutzerdefinierten Funktion an. complete: Geben Sie die Rückruffunktion an, die aufgerufen werden soll, wenn die Animation abgeschlossen ist. queue: Gibt an, ob die Animation zur Warteschlange hinzugefügt werden kann. specialEasing: Geben Sie die Beschleunigungsfunktion für eine bestimmte CSS-Eigenschaft an. VerwendungHier sind einige praktische Anwendungsfälle für die animate()-Methode:

Ändern der Breite und Höhe eines Elements

rrreeeDieser Code Das Snippet wählt alle