Hallo teman-teman Dumet School, bertemu lagi dengan saya Shelli Ripati di kursus Web Design. Kali ini saya akan membahas tentang cara Membuat Efek Clip Pada Objek Dengan Menggunakan Jquery UI. Efek clip yang ada pada Jquery UI memberikan efek suatu objek dengan animasi hilang atau muncul dimulai dari arah atas dan bawah.

Untuk dapat mengetahui cara Membuat Efek Clip Pada Objek Dengan Menggunakan Jquery UI kita langsung saja membuat struktur htmlnya terlebih dahulu ya teman-teman. Teman-teman bisa salin script yang ada di bawah ini.

Lalu teman-teman jangan lupa tambahkan link jquery ui dan jquerynya seperti link di bawah ini. Teman-teman bisa letakkan di dalam head. Dan kebetulan disini untuk jquery UInya saya download.

Lalu langkah terakhir untuk dapat Membuat Efek Clip Pada Objek Dengan Menggunakan Jquery UI adalah script jquerynya. Teman-teman bisa salin scriptnya seperti yang ada di bawah ini.

Jika teman-teman perhatikan di sini saya membuat fungsi klik didalam htmlnya dimana jika kita melakukan klik maka div dengan nama id toggle akan akan menghilang atau muncul dengan efek clip.

Jika teman-teman simpan lalu teman-teman jalankan di browser masing-masing maka tampilannya akan seperti pada gambar di bawah ini. Dimana ketika saya melakukan klik di suatu tempat maka div toggle dan gambar yang ada didalamnya akan hilang atau muncul dengan efek clip.

Membuat Efek Clip Pada Objek Dengan Menggunakan Jquery UI

 

 

 

 

 

 

Demikian artikel tentang cara Membuat Efek Clip Pada Objek Dengan Menggunakan Jquery UI. Semoga artikel ini dapat bermanfaat dan menambah wawasan baru. Buat teman-teman yang penasaran, bisa langsung di coba. Sampai jumpa di pembahasan berikutnya.