jquery-Schiebeereignisse umfassen: 1. Das „slideDown()“-Element gleitet zum Öffnen nach unten, und der Wert für Höhe und MarginTop wird während des Konvertierungsvorgangs für das Element festgelegt. 2. Das „slideUp()“-Element gleitet zum Schließen nach oben , und das Element wird ausgeblendet, während die Höhe und der marginTop-Wert schrittweise verringert werden. 3. „slideToggle()“ wechselt den Status des Elements, ermittelt automatisch den Status und ruft die Methode auf.
Das Betriebssystem dieses Tutorials: Windows 10-System, jQuery Version 3.6.0, Dell G3-Computer.
jQuery hat mehrere Schiebeereignisse, hier sind einige davon:
1, `slideDown()`
Das Element gleitet zum Öffnen nach unten
```javascript $(selector).slideDown(speed,callback); ```
2, `slideUp()`
Das Element gleitet bis zum Schließen
```javascript $(selector).slideUp(speed,callback); ```
3, `slideToggle()`
Schalten Sie den Zustand des Elements um (offen oder geschlossen)
```javascript $(selector).slideToggle(speed,callback); ```
Die Form dieser Ereigniscodes ist sehr ähnlich. Sie alle verwenden einen jQuery-Selektor als Parameter, gefolgt von einem Animationsgeschwindigkeitswert und/oder einer Callback-Funktion als optionalen Parametern.
Alle diese Swipe-Events haben unterschiedliche Funktionen. „slideDown()“ verschiebt ein Element vom ausgeblendeten Zustand in den angezeigten Zustand, während „slideUp()“ das Element vom angezeigten Zustand in den ausgeblendeten Zustand verschiebt. „slideToggle()“ ist flexibler und kann Elemente basierend auf ihrem aktuellen Status ein- oder ausschalten.
Darüber hinaus bieten „.slideDown()“, „.slideUp()“ und „.slideToggle()“ Unterstützung für die links- und rechtswinkligen Übergangs-Trigger- und Abschluss-Callback-Ereignisse, die „stop()“ verwendet werden können. `-Methode zum Stoppen der laufenden Animation. Sie können die Rückruffunktion anpassen und die Eigenschaften festlegen, die dynamisch geändert werden müssen.
Es wird auch anders sein, wenn es im Code verwendet wird. Die Methode „slideDown()“ wandelt das Zielelement schrittweise vom ausgeblendeten Zustand in den angezeigten Zustand um, indem sie während des Konvertierungsprozesses die Höhe und den MarginTop-Wert für das Element festlegt ()` Stattdessen werden die Werte für height und marginTop schrittweise reduziert, wenn das Element ausgeblendet wird, und schließlich wird es vollständig ausgeblendet. Die Methode „slideToggle“ ermittelt automatisch den Status und ruft eine der Methoden „slideUp()“ oder „slideDown()“ auf.
Wenn Sie also jQuery-Slide-Events verwenden, müssen Sie deren Rollen und die Anpassung an verschiedene Seiten, Animationseffekte, Interaktionsanforderungen usw. klären, um geeignete Sliding-Events auszuwählen und eine bessere Benutzererfahrung zu erzielen.
Das obige ist der detaillierte Inhalt vonWas sind die JQuery-Slide-Events?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
