Hallo teman-teman bertemu lagi pada tutorial dumet school, pada tutorial kali ini saya akan sharing tentang bagaimana cara membuat efek fadein dan fadeout sederhana dengan jquery.

Fadein dan fadeout pada dasarnya sama seperti show dan hide pada jquery, yang berfungsi untuk menampilkan dan menyembunykan element html yang ada pada browser, untuk lebih jelasnya kita langsung saja praktek, pertama-taman teman-teman silahkan buat sebuah file dan ketikan script berikut ini:

Saya membuat 2 buah tombol yang saya berikanĀ  id in dan out, lalu saya membuat fungsi seperti ini pada jquerynya :

Dimana saya memberikan efekĀ  fade in dan fade out slow pada masing-masing idnya, dan yang terpenting jangan lupa teman-teman mereload liblary dari jquerynya, seperti script ini :

Diletakan di dalam tag head yang diambil dari jquery.com, jika sudah teman-teman save dan lihat hasilnya,

Hasilnya tulisan h1 adan menghilang dan tampil ketikan tombol kita klik,

Gimana teman-teman? cukup mudah bukan? oke untuk tutorial kali ini tentang membuat efek fadein dan fadeout sederhana dengan jquery cukup sampai disini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu pada tutorial berikutnya,

Terimakasih.