Macam Macam Efek Fade Pada jQuery

jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. Pada artikel kali ini saya akan membahas tentang salah satu fitur jQuery yaitu efek fade. Efek fade() digunakan untuk menghilangkan atau menampilkan elemen secara perlahan – lahan dan biasanya digunakan untuk efek transisi suatu objek. Terdapat tiga jenis efek dalam efek fade yaitu fadeOut yang berguna untuk menghilangkan elemen suatu objek. fadeIn yang berguna untuk menampilkan elemen suatu objek dan sedangkan fadeTo dengan efek ini biasanya objek akan nampak lebih blur atau pudar. Untuk lebih memahami bahasan tentang ketiga efek tersebut langsung saja kita buat HTML nya

kita berikan sedikit style css seperti berikut

buatlah script jQuery dengan fungsi yang berbeda beda dan untuk menjalankan fungsi tersebut saya mengunakan event click kodenya sebagai berikut

Buka browser maka akan tampil, tampilan seperti di bawah ini

Keterangan :
Akan tampil sebuah kotak berwarna biru dan terdapat tiga tombol.
Saat diklik tombol Fade Out, maka kotak tersebut akan menghilang, kemudian saat diklik tombol Fade In, maka gambar kotak tersebut akan tampil kembali, setelah itu coba klik tombol Fade To, maka warna pada kotak tersebut akan pudar sedikit demi sedikit.

Terima Kasih