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

30 Oktober 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat