Heim > Artikel > Web-Frontend > So erzielen Sie einen Ausblendeffekt beim Klicken auf Löschen in JQuery
So erzielen Sie einen Ausblendeffekt beim Klicken auf Löschen in JQuery
- WBOYOriginal
- 2021-12-13 18:27:331752Durchsuche
Methoden zum Erzielen des Click-Delete-Fade-Out-Effekts: 1. Binden Sie das Click-Ereignis an das Element und geben Sie die Event-Handler-Funktion an. 2. Verwenden Sie die fadeTo()-Methode in der Event-Handler-Funktion, um den Click-Delete-Fade-Out zu erzielen -out-Effekt. Die Syntax lautet „das auszublendende Element „Object.fadeTo(speed,opacity,callback)“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
So erzielen Sie den Click-to-Delete-Ausblendeffekt in jquery
In jquery können Sie die fadeTo()-Methode und das Click-Ereignis verwenden, um den Click-to-Delete-Ausblendeffekt zu erzielen. Die Methode
fadeTo() ändert die Deckkraft des ausgewählten Elements schrittweise auf den angegebenen Wert. Die Syntax lautet:
$(selector).fadeTo(speed,opacity,callback)
Darunter:
Das Beispiel lautet wie folgt:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").fadeTo(1000,0);
});
});
</script>
</head>
<body>
<p>点击按钮淡出</p>
<button class="btn1">淡出</button>
</body>
</html>Ausgabeergebnis:
Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo erzielen Sie einen Ausblendeffekt beim Klicken auf Löschen in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!