Heim > Artikel > Web-Frontend > So verwenden Sie die Fadeout-Methode in JQuery
In jquery wird die fadeout()-Methode verwendet, um die Deckkraft ausgewählter Elemente schrittweise von sichtbar zu ausgeblendet zu ändern. Elemente, die mit dieser Methode ausgeblendet werden, haben keinen Einfluss auf das Layout der Seite, und das Festlegen von Parametern innerhalb der Methode kann die Geschwindigkeit ändern Beim Element-Fading lautet die Syntax „Elementobjekt.fadeOut(Geschwindigkeit, Beschleunigung, Ausführungsfunktion)“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
Hinweis: Ausgeblendete Elemente werden nicht vollständig angezeigt (beeinflussen nicht mehr das Layout der Seite).
Tipp: Diese Methode wird normalerweise zusammen mit der fadeIn()-Methode verwendet.
Syntax
$(selector).fadeOut(speed,easing,callback)
Parameter werden wie folgt ausgedrückt:
"langsam"
"schnell"
"linear" - bewegt sich mit konstanter Geschwindigkeit
Tipp: In der Erweiterung stehen weitere Beschleunigungsfunktionen zur Verfügung.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".btn1").click(function(){ $("p").fadeOut() }); }); </script> </head> <body> <button class="btn1">淡出</button> <p>这是一个段落。</p> </body> </html>
Ausgabeergebnis:
Empfohlene verwandte Video-Tutorials:
jQuery-Video-TutorialDas obige ist der detaillierte Inhalt vonSo verwenden Sie die Fadeout-Methode in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!