Halo berjumpa lagi, untuk kali ini kita akan masuk lagi belajar jquerynya ya teman-teman, disini saya akan coba sedikit membuat animasi dimana saya mempunyai sebuah gambar, orang yang sedang berlari, bolak-balik, animasi itu bisa bergerak ketika kita sudah menglick tombolnya, jadi jika belum tombol itu tidak akan bergerak, seperti itu ya, bagaimana cara membuat efek orang berlari dengan jquery, jangan kemana-mana simak terus ya teman-teman.

Mungkin di antara teman-tema sudah ada yang belajar animate ya, karena disini saya akan coba membuatnya dengan animate, jadi efek animate ini akan berjalan secara semoth, dari sisi satu ke sisi yang sudah di tentukan, jadi tidak seperti kita menggunakan CSS ya, tau-tau sudah tampil di posisi yang sudah kita tentukan kontenya, jika menggunakan animate, kita bisa melihat proses perpindahannya, misal ada subah benda kita akan pindahkan dari 0px ke 500px, proses itu akan berlajan layaknya memang benar-benar animasi, dan kita juga bisa mengatur berpa lama proses perpindahan itu, dan satu lagi untuk cara membuat efek orang berlari dengan jquery, saya membuat event cilick ya, dimana supaya bagus saja si, jadi tidak langsung jalan otomatis, dan mari sekarang kita lihat strukutur HTML,CSS dan jquerynya:

Seperti yang teman-teman lihat saya gabungin saja ya, jika teman-teman lihat pertama kita click tombolnya, lalu si gambar itu akan mundur -350px, untuk memulai proses berjalannya, proses berjalanannya saya menggunakan animate ya, dengan left 120% dengan kecepatan 5000 ya, saya akan tunjukan hasilnya tetapi hanya berupa gambar, jadi teman-teman harus mencobanya terlebih dahulu kode di atas untuk melihat hasilnya, oke tidak apa-apa, sekarang kita lihat hasilnya:

cara membuat efek orang berlari dengan jquery

terlihat ya teman-teman, sebenarnya gambar itu sudah bergerak, pasti penasaran ya, maka dari itu silahkan di coba, dan saya rasa cukup sampai disini belajar kita tentang cara membuat efek orang berlari dengan jquery dan sampai jumpa pada artikel selanjutnya, terimkasih.