Kaedah fadeTo dalam jQuery
Kaedah fadeTo
membolehkan mengurangkan ketelusan
opacity
elemen kepada nilai tertentu (0 - sepenuhnya
telus, 1 - sepenuhnya legap).
Parameter pertama kaedah menerima kepada nilai
mana untuk mengubah ketelusan, dan yang kedua
- masa pelaksanaan.
Mari kita buat supaya apabila klik pada butang
elemen kita menjadi separa telus dalam
1 saat. Untuk mulakan, ambil kod HTML berikut:
<button id="fade">click me</button>
<div id="elem">text...</div>
Juga mari kita ada CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Sekarang tulis kod Javascript berikut:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
