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!
Was sind die JQuery-Plug-Ins?
So bedienen Sie JSON mit JQuery
So löschen Sie Elemente in JQuery
Verwendung der jQuery-Methode hover()
jquery implementiert die Paging-Methode
Was ist ein verstecktes Element in jquery?
Was wird in jquery hervorgehoben?
Welche Mobiltelefonmodelle unterstützt Hongmeng OS 3.0?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
