Hallo teman-teman dumet school, kembali lagi dengan saya shelli ripati. Artikel kali ini saya akan membahas tentang cara Membuat Animasi Lucu Dengan Metode Animate Callback Pada Jquery. Dimana metode animate kali ini menggunakan fungsi callback pada metode animatenya.

Untuk Membuat Animasi Lucu Dengan Metode Animate Callback Pada Jquery kita buat struktur htmlnya sebagai berikut. Teman-teman bisa copy source code di bawah ini.

Jika sudah selesai maka teman-teman jangan lupa untuk download file library jquerynya di jquery.com atau bisa pakai link di bawah ini.

Nah kita sekarang buat script jquerynya untuk Membuat Animasi Lucu Dengan Metode Animate Callback Pada Jquery. Pada studi kasus kali ini saya akan membuat mata owl pada gambar di bawah ini bergerak ke kanan dan kekiri.

Membuat Animasi Lucu Dengan Metode Animate Callback Pada Jquery

Dan berikut sciprtnya, teman-teman bisa copy script di bawah ini.

Teman-teman bisa perhatikan script di atas. Disini saya membuat dua fungsi yaitu function loop dan function loop2. Dimana function loop dibuat untuk menggerakkan mata kiri  dari gambar dan function loop2 dibuat untuk menggerakkan mata kanan dari si gambar dengan menggunakan metode animate yang di callback. Jika teman-teman jalankan di browser maka mata pada gambar akan bergerak ke kanan dan kiri sampai waktu yang tidak di tentukan.

Demikian artikel tentang cara Membuat Animasi Lucu Dengan Metode Animate Callback Pada Jquery. Semoga bisa bermanfaat dan selamat mencoba ya teman-teman.

WhatsApp chat