Ein Artikel, der Ihnen hilft, jQuery-Animationen zu verstehen

jQuery bietet einige Standardanimationen zur Steuerung der Anzeige und des Ausblendens von Elementen: show() hide()
	Steuern Sie die Transparenz eines Elements fadeIn() fadeOut()
	Steuern Sie die Höhe eines Elements slideUp() slideDown()
	Benutzerdefinierte Animation animate()

1. Steuern Sie die Anzeige und das Ausblenden von Elementen show() hide()

Grammatik:

 $("Selektor").show([Geschwindigkeit],[Rückruf]);

Referenzbeschreibung:

Parameter 1 : Geschwindigkeit, optional, zum Beispiel: 1000 Millisekunden, 1 Sekunde, schnell, langsam, normal

Parameter 2 : Rückruffunktion, optionale Funktion, die ausgeführt werden soll, nachdem die Funktion zum Anzeigen oder Ausblenden ausgeführt wurde

$(Funktion () {
			$(".nav-ul li").auf({"mouseover":Funktion () {
					$(this).css("Hintergrund","rosa")
				},"mouseout":Funktion () {
					$(this).css("Hintergrund","#ff2832")
				}});
			$(".menu-btn").hover(Funktion () {
				$(this).next().show("schnell")
			},Funktion () {
				$(this).next().hide("langsam")
			})
		})

2. Steuern Sie die Transparenz von Elementen fadeIn() fadeOut()

Grammatik:

    $("Selektor").fadeIn([Geschwindigkeit],[Rückruf]);
    $("Selektor").fadeOut([Geschwindigkeit],[Rückruf]);

Referenzbeschreibung:

Parameter 1 : Geschwindigkeit, optional, Standard ist 0, zum Beispiel: 1000 Millisekunden usw., 1 Sekunde schnell langsam normal

Parameter 2 : Rückruffunktion, optional. Die Funktion, die nach der Ausführung von fadeIn oder fadeOut ausgeführt werden soll.

$(Funktion () {
		$("Eingabe[name='fadein_btn']").Klick(Funktion () {
			$("img:eq(0)").fadeIn(500,function () {
				alert("Einblenden erfolgreich")
			})
		})
		$("Eingabe[name='fadeout_btn']").Klick(Funktion () {
			$("img:eq(0)").fadeOut(1000,Funktion () {
				alert("Ausblenden erfolgreich")
			})
		})
	})

3: Steuern Sie die Höhe des Elements slideUp() slideDown()

slideDown() lässt das Element schrittweise erweitern und anzeigen

slideUp() verkürzt das Element stufenweise, bis es ausgeblendet ist

Grammatik:

    $("Selektor").slideUp([Geschwindigkeit],[Rückruf]);
    $("Selektor").slideDown([Geschwindigkeit],[Rückruf]);

Referenzbeschreibung:

Parameter 1: Geschwindigkeit, optional, Standard ist 0, zum Beispiel: 1000 Millisekunden usw., 1 Sekunde schnell langsam normal

Parameter 2: Rückruffunktion, optional. Die Funktion, die ausgeführt werden soll, nachdem slideUp oder slideDown ausgeführt wurde.

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können!