Pada awal bulan juli ini dan untuk kesempatan kali ini kita akan mencoba bermain lagi dengan sebuah jquery, jadi disini saya akan mencoba Menyembunyikan Content Setelah Bergeser dengan Jquery, content itu bisa berupa apa saja? bisa seperti tulisan dan gambar, dan yang saya maksud content pada artikel ini adalah sebuah content gambar ya, oke sepertinya teman-teman sudah tidak sabar ya, maka dari itu jangan kemana-mana simak terus ya.

Oke seperti yang saya tulis di atas Menyembunyikan Content Setelah Bergeser dengan Jquery part 2, adalah disini saya masih menggunakan gambar yang kemarin, gambar seorang pelari, dan di depannya dengan jarak 600px ada sebuah tembok yang berdiri, jadi dimana gambar setelah kita klik akan bergeser ke kanan dan menabrak sebuah tembok lalu menghilang, fungsi jquery ini kita bisa buat sperti ini, jadi kita bisa bermain animasi dengan sebuah jquery, tentunya animasi tidak seperti film-film kartun ya, yang sangat semooth.

untuk Menyembunyikan Content Setelah Bergeser dengan Jquery part 2, saya menggunakan event click yang ada pada jquery untuk mengklik sebuah gambarnya, animate untuk menggeser gambarnya, saya style animatenya dengan left 600 lalu slow, css saya gunakan transform dimana ketika di klik gambarnya jadi miring, dan yang terakhir fadeTo untuk menghilangkan gambarnya, fadeTo itu sama seperti opacity yang ada di css ya, valuenya kita 0 kan. Oke langsung saja teman-teman lihat contoh kodenya seperti ini:

Silahkan teman-teman copy ya filenya, jika ingin mencobanya, dan jangan lupa saya menggunakan jquery online ya, jadi teman-teman harus terhubung ke internet terlebih dahulu ya, dan sekarang kita lihat hasilnya ya.

Menyembunyikan Content Setelah Bergeser dengan Jquery part 2

Gambar di atas adalah posisi awal.

Menyembunyikan Content Setelah Bergeser dengan Jquery part 2

Gambar di atas  karena orangnya lihatnya ke teman-teman jadi tidak melihat depanya tembok dan terbentur, dan gambar terakhir:

Menyembunyikan Content Setelah Bergeser dengan Jquery part 2

dan orangnya menghilang, seperti itu ya, cukup untuk lucu-lucan ya teman-teman, oke saya rasa cukup sampai disini belajar dan bermain jquerynya tentang Menyembunyikan Content Setelah Bergeser dengan Jquery part 2, silahkan teman-teman coba, dan semoga bermanfaat, terimakasih.