Dalam JavaScript, anda boleh menggunakan kaedah fadeIn() untuk perlahan-lahan muncul perkataan Kaedah ini secara beransur-ansur boleh menukar kelegapan elemen yang dipilih daripada tersembunyi kepada kelihatan parameter. , sintaksnya ialah "objek elemen teks.fadeIn(speed);".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.
Kaedah fadeIn() secara beransur-ansur menukar kelegapan elemen yang dipilih daripada tersembunyi kepada kelihatan (kesan pudar).
Sintaks ialah:
$(selector).fadeIn(speed,easing,callback)
Parameternya ialah:
kelajuan adalah pilihan. Menentukan kelajuan kesan pudar. Nilai yang mungkin:
milisaat
"lambat"
"cepat"
meringankan Pilihan. Menentukan kelajuan elemen pada titik yang berbeza dalam animasi. Nilai lalai ialah "swing". Nilai yang mungkin:
"ayunan" - bergerak perlahan di awal/akhir, pantas di tengah
"linear" - bergerak pada kelajuan tetap
panggilan balik Pilihan. Fungsi yang akan dilaksanakan selepas kaedah fadeIn() dilaksanakan.
Contoh adalah seperti berikut:
<!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(3000)
});
$(".btn2").click(function(){
$("p").fadeIn(3000);
});
});
</script>
</head>
<body>
<button class="btn1">淡出</button>
<button class="btn2">淡入</button>
<p>这是一个段落。</p>
</body>
</html>Hasil keluaran:
[Cadangan berkaitan: video javascript tutorial、bahagian hadapan web】
Atas ialah kandungan terperinci Bagaimana untuk membuat perkataan muncul perlahan-lahan dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![Analisis mendalam JavaScript [Web front-end mesti tahu kemahiran asas]](https://img.php.cn/upload/course/000/000/041/61d3ff1c83b43350.jpg)
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
