Hallo teman-teman, bertemu lagi pada tutorial dumet school, Pada tutorial kali ini saya akan membahas tentang bagaimana cara memberikan efek animasi dengan event animate pada jquery.

sebelum kita praktekan bagaimana caranya terlebih dahulu saya akan menjelaskan sedikit tentang jquery, apa itu jquery? jquery adalah salah satu liblary dari javascript yang berfungsi untuk membuat website lebih interaktif dengan event-event yang ada didalamnya.

Pada studi kasus kali ini, kita akan menggunakan salah satu event dari jquery yaitu animate(), animate berfungsi untuk memberikan animasi pada suatu element html, oke kita langsun g saja praktekan, silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Saya akan menjelaskan script diatas, pertama seperti biasa kita harus mereload liblary jquery dari jquery.com, lalu saya membuat sebuah tombol dengan menggunakan element button, dan saya memberikan style css pada buttonnya posisi absolute dan left 0,

lalu saya memberikan event click pada button dimana saya menambahkan fungsi animate topnya menjadi +=50% dengan kecepatan 2000, jika teman-teman save maka hasilnya, tombol ketika diklik akan bergeser kebawah sebanyak 50% dari layar dengan smooth.

Gimana teman-teman?cukup mudah bukan? untuk tutorial kali ini tentang cara memberikan efek animasi dengan event animate pada jquery saya rasa cukup sampai sini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya,  sampai bertemu pada tutorial berikutnya,

Terimakasih