jquery easing Swing Liner steuert die Geschwindigkeit zu verschiedenen Zeitpunkten des Animationsprozesses_jquery

Sowohl die jQuery-Effektfunktion (slideUp(), fadeIn() usw.) als auch die Funktion animation() erhalten einen weiteren Parameter zur Steuerung der Geschwindigkeit des Animationsprozesses, nämlich Easing, der die Geschwindigkeit des Animationsprozesses auf unterschiedliche Weise bestimmt Momente. Wenn Sie beispielsweise ein Element über die Seite verschieben, beginnt die Bewegung des Elements möglicherweise langsam, wird dann sehr schnell und verlangsamt sich schließlich wieder, wenn die Animation abgeschlossen ist. Fügen Sie Animationen eine Beschleunigung hinzu, um sie optisch interessanter und dynamischer zu gestalten.

jQuery enthält nur zwei Beschleunigungsmethoden: Swing und Linear. Die lineare Methode sorgt für eine stabile Animation, sodass jeder Schritt der Animation gleich ist (wenn Sie beispielsweise möchten, dass sich ein Element in einer sich allmählich ändernden Weise über den Bildschirm bewegt, hat jeder Schritt den gleichen Abstand wie der vorherige Schritt). Der Schwung ist dynamischer, er wird zu Beginn der Animation schneller und verlangsamt sich dann. Swing ist eine häufige Einstellung. Wenn also keine Beschleunigung angegeben ist, verwendet jQuery die Swing-Methode.

Für jeden jQuery-Effekt ist die Beschleunigungsmethode der zweite Parameter. Um also die lineare Methode zum Verschieben eines Elements aus der Ansicht zu verwenden, können Sie den Code wie folgt schreiben:

Bei Verwendung der animate()-Funktion ist die Beschleunigungsmethode der dritte Parameter. Der erste Parameter ist ein Objektliteral, das die CSS-Eigenschaft enthält, die wir animieren möchten Geschwindigkeit. Um beispielsweise die Methode der linearen Beschleunigung für Animationscode zu verwenden, können Sie den Code wie folgt schreiben:

Sie sind jedoch nicht auf die Verwendung der beiden von bereitgestellten Beschleunigungsmethoden beschränkt jQuery. Mithilfe von jQuery-Plugins können eine Reihe weiterer Beschleunigungsmethoden hinzugefügt werden.