Metode fadeTo dalam jQuery

Metode fadeTo memungkinkan untuk mengurangi transparansi opacity elemen hingga nilai tertentu (0 - sepenuhnya transparan, 1 - sepenuhnya tidak transparan). Parameter pertama metode menerima hingga nilai berapa transparansi diubah, dan parameter kedua - waktu eksekusi.

Mari kita buat agar saat tombol diklik elemen kita menjadi semi-transparan dalam 1 detik. Pertama-tama mari kita ambil kode HTML berikut:

html<button id="fade">click me</button>
<div id="elem">text...</div>

Misalkan juga kita memiliki CSS:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Sekarang tulis kode Javascript berikut:

javascript$('#fade').click(function() {
  $('#elem').fadeTo(1000, 0.5);
});