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!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Keperluan konfigurasi minimum untuk sistem win10
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
