Jquery UI merupakan Plugin tambahan dari jquery, dimana didalam penulisan kode Jquery UI tidak sama dengan penulisan kode dalam Jquery. bisa dikatakan Jquery UI hanya menyisipkan dirinya dalam efek Jquery yang umum digunakan.
Dengan hadirnya jquery ui dapat mempermudah kita dalam mendesign sebuah website agar nampak lebih interaktif. Dan kita hanya perlu sedikit kode untuk menghasilkan efek yang menganggumkan dengan menggunakan jquery ui. Dan berikut ini merupakan contoh sederhana dalam Cara Membuat Blind Efek pada Text Menggunakan Jquery-Ui.
Efek Blind pada Jquery disini tidak jauh berbeda dengan .slideshow() dan .slideup(). Namun keunggulannya kita dapat mengatur secara horizontal atau vertical. Sebagai contoh mari kita mulai mempraktekannya pada text (paragraph) yang kita berikan efek blind.
Pertama Jalankan/run text-editornya kemudian ketik kode HTML seperti dibawah ini :
Jika sudah, masukan kode CDN seperti dibawah ini untuk memanggil library Jquery UI dan Jquery.
Maka, langkah selanjutnya ketik kode event jquery ui seperti dibawah ini :
Kode diatas menjelaskan bahwa nantinya efek blind akan dijalankan ketika paragraph diklik. Jika sudah, dengan kode diatas maka silahkan coba dijalankan pada browser yang teman-teman gunakan, jika benar maka hasilnya akan menjadi seperti pada gambar dibawah ini :
Nah pada gambar hasil diatas masih merupakan sebuah default efek blind pada Jquery UI, untuk merubah posisi secara horizontal maka teman-teman hanya perlu menambahkan script sebagai contoh seperti dibawah ini :
Oke cukup mudah sekali ya teman-teman dalam Cara Membuat Blind Efek pada Text Menggunakan Jquery-Ui. dan untuk pengembangannya silahkan teman-teman kulik/pelajari lagi diwebsite resminya JqueryUI.
Kalau begitu cukup sekian dipembahasan kali ini tentang Cara Membuat Blind Efek pada Text Menggunakan Jquery-Ui. semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.
Terimakasih
The post Cara Membuat Blind Efek pada Text Menggunakan Jquery-Ui appeared first on Kursus Website Terbaik.