Najlepszy samouczek Efekty jQuery - animacja W 2024 r. W tym samouczku możesz dowiedzieć się metody animate () - animacje jQuery,Przykłady,jQuery animate () - działa wiele właściwości,Przykłady,jQuery animate () - wykorzystanie wartości względnej,Przykłady,() JQuery animate - używać predefiniowanych wartości,Przykłady,jQuery animate () - Za pomocą funkcji kolejki,Przykład 1,Przykład 2,
Metoda jQuery animate () pozwala na tworzenie własnych animacji.
Metoda jQuery animate () służy do tworzenia niestandardowych animacji.
Składnia:
Parametr Wymagany params określa powstawanie właściwości CSS animacji.
Opcjonalny parametr prędkości określa czas trwania efektu. To może przyjmować następujące wartości: "wolno", "szybko", albo milisekund.
Opcjonalny parametr callback to nazwa funkcji wykonywanej po jego zakończeniu.
Poniższy przykład ilustruje sposób prosty ożywione aplikacji (). To element <div> w prawo, aby przenieść 250 pikseli:
Domyślnie wszystkie elementy HTML mają pozycję statyczną i nie może się ruszyć. Dla pozycji roboczej, pamiętam pierwszy atrybut położenia elementu CSS ustawiona na relative, fixed lub absolutny! |
Należy pamiętać, że proces generowania animacji można używać wielu właściwości:
Można animować () w celu obsługi wszystkich atrybutów CSS? Tak, prawie! Jednak ważne jest, aby pamiętać: W przypadku korzystania animate (), napisać wszystkie atrybuty nazwy należy użyć notacji Camel, na przykład, musi być stosowany zamiast paddingLeft padding-lewo, zamiast używania marginRight margin-right, etc. , W tym samym czasie, animacja koloru nie jest zawarta w rdzeniu jQuery biblioteki. Jeśli trzeba wygenerować animację koloru, trzeba jquery.com pobrać Kolor Animations wtyczki. |
Można także określić wartość względną (wartość jest w stosunku do bieżącej wartości elementu). Muszą poprzedzać wartość z = + lub - =:
Można nawet umieścić wartość właściwości animacji "show", "ukryć" lub "przełącznik":
Domyślnie jQuery udostępnia funkcje kolejkowania dla animacji.
Oznacza to, że jeśli piszesz więcej niż jeden po drugim animate () wezwanie, jQuery utworzy wywołanie metody te "wewnętrzne" kolejki. Wtedy jeden po drugim, aby uruchomić je ożywić rozmowy.
Poniższy przykład elementu <div> jest przesunięty w prawo 100 pikseli, a następnie zwiększyć rozmiar tekstu: