Contoh dalam artikel ini menerangkan cara jQuery menggunakan kaedah fadein untuk mencapai kesan fade-out. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:
Kod JS berikut menggunakan kaedah fadein jQuery untuk mengawal fungsi memaparkan blok warna yang ditentukan secara beransur-ansur
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
});
</script>
</head>
<body>
<p>Demonstrate fadeIn() with different parameters.</p>
<button>Click to fade in boxes</button>
<br><br>
<div id="div1"
style="width:80px;height:80px;display:none;background-color:red;">
</div><br>
<div id="div2"
style="width:80px;height:80px;display:none;background-color:green;">
</div><br>
<div id="div3"
style="width:80px;height:80px;display:none;background-color:blue;">
</div>
</body>
</html>Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.
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
Tutorial tetapan kata laluan permulaan Windows 10
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
