Hallo teman-teman Dumet School, bertemu lagi dengan saya Shelli Ripati di kursus Web Design. Kali ini saya akan membahas tentang cara Membuat Efek Transfer Pada Objek Dengan Menggunakan Jquery UI. Efek Transfer  yang ada pada Jquery UI memberikan efek pada suatu objek ketika kita klik maka objek tersebut akan melakukan transfer terhadap objek atau element yang kita tentukan dimaka ukurannya perlahan akan berubah sesuai objek yang di tuju.

Untuk dapat mengetahui cara Membuat Efek Transfer 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. Teman-teman bisa dapatkan link jquery dan file download jquery uinya di jquery.com dan jqueryui.com .

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

Jika sudah, lalu teman-teman panggil nama class .ui-effects-transfer yang ada di jquery ui dan berikan style cssnya dengan border. Agar terlihat proses transfernya.

Jika teman-teman perhatikan di sini saya membuat fungsi klik terhadap div yang dimana ketika kita melakukan klik div tersebut maka akan muncul sebuah div class dengan nama ui-effects-transfer dengan border 1px dotted black dengan width dan height sesuai div yang kita klik lalu berpindah menuju div lain begitu pula dengan ukuran width dan heightnya berubah seperti div yang di tuju.

Demikian artikel tentang cara Membuat Efek Transfer 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.