Kaedah untuk mencapai kesan fade-out klik-padam: 1. Ikat acara klik pada elemen dan nyatakan fungsi pengendali acara 2. Gunakan kaedah fadeTo() dalam fungsi pengendali acara untuk mencapai klik-padam kesan fade-out Sintaks ialah " Objek elemen untuk fade out.fadeTo(speed,opacity,callback)".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Bagaimana untuk mencapai kesan fade-out klik-untuk-padam dalam jquery
Dalam jquery, anda boleh menggunakan kaedah fadeTo() dan acara klik untuk mencapai kesan fade-out klik-untuk-padam . Kaedah
fadeTo() secara beransur-ansur menukar kelegapan elemen yang dipilih kepada nilai yang ditentukan. Sintaksnya ialah:
$(selector).fadeTo(speed,opacity,callback)
di mana:
Contohnya adalah seperti berikut:
<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>Hasil output:
Tutorial video berkaitan yang disyorkan: tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk mencapai kesan padam klik padam dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
