Metode jQuery animate() digunakan untuk membuat animasi kustom. Metode animate () biasanya digunakan untuk menghidupkan properti CSS numerik, misalnya lebar, tinggi, margin, padding, opacity, atas, kiri, dll. Namun, sifat non-numerik seperti warna atau warna latar belakang tidak dapat animasi menggunakan Fungsi jQuery dasar.
Dipembahasan kali ini kita akan membahas tentang Contoh Penggunaan animate() pada Jquery. Satu hal yang perlau teman-teman ingat adalah Tidak semua properti CSS bisa di animasikan. Secara umum, setiap properti CSS yang menerima nilai yaitu angka, panjang, persentase, atau warna dapat diinduksi. Namun, animasi warna tidak didukung oleh perpustakaan jQuery inti. Untuk memanipulasi dan menghidupkan warna gunakan plugin warna jQuery.
Oke sebagai contoh mari kita mulai mempraktekannya, silahkan teman-teman jalankan/run text-editornya lalu ketiklah script seperti pada gambar dibawah ini :
Penjelasan dari kode diatas adalah ketika button diklik maka animasi akan berjalan yaitu width (lebar) dan height (tinggi) dari 100px menjadi 400px. Dan untuk hasil dari kode diatas akan menjadi seperti pada gambar dibawah ini :
Bagaimana teman-teman cukup mudah ya tentang animate() pada jquery ?, untuk kedepannya silahkan teman-teman coba sendiri dengan keinginan teman-teman. Dan coba sering sering dalam mencari informasi di google tentang animate jquery dan silahkan dipelajari lebih dalam. Kalau begitu cukup sekian dipembahasan kali ini tentang Contoh Penggunaan animate() pada Jquery semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.
Terimakasih