Cara Menyisipkan Dan Mengenal Macam – macam Transisi Efek Jquery Mobile
Jquery Mobile adalah open source yang amat mendukung bagi tampilan situs khusus bagi mobile, dan amat banyak sekali yang menggunakan ini selaku tampilan situs kedua atau tampilan mobile app. Di pembahasan kali ini saya akan memberikan tips dan trik mengenai Cara Menyisipkan Dan Mengenal Macam – macam Transisi Efek Jquery Mobile, sebelum kita praktekkan teman – teman perlu tahu apa itu transisi efek. Transisi efek biasanya di gunakan bagi membangun efek dikala perpindahan link halaman situs, jadi ketika di klik link karenanya transisi efek akan di jalankan. Di bawah ini ialah macam – macam type transisi efek yang di miliki oleh Jquery Mobile
- Fade efek nya Memudar ke halaman berikutnya
- Flip efek nya Membalik ke halaman berikutnya dari belakang ke depan
- Flow efek nya Melempar halaman dikala pergi dan datang dengan halaman berikutnya
- Pop efek nya Pergi ke halaman berikutnya seperti jendela popup
- Slide efek nya Slide ke halaman berikutnya dari kanan ke kiri
- Slidefade efek nya Slide dari kanan ke kiri dan memudar di halaman berikutnya
- Slideup efek nya Slide ke halaman berikutnya dari bawah ke atas
- Slidedown efek nya Slide ke halaman berikutnya dari atas ke bawah
- Turn efek nya Beralih ke halaman berikutnya
- None Tak ada efek transisi
Di atas ini ialah macam – macam dari efek transisi, bagi penggunaannya pun amat gampang, kita tinggal sisipkan dengan cara memberikan data-transition=” ” di pada tombol atau link dan di pada tang ” ” tinggal kita mau berikan type transisinya. Bagus, kita implementasikan Cara Menyisipkan Dan Mengenal Macam – macam Transisi Efek Jquery Mobile pertama-tama – tama siapkan atau bikin terlebih dahulu file index.html jquery mobile. Bagi latihan kali ini saya menggunakan file index di artikel Cara Menambahkan Artikel Dalam jQuery Mobile teman – teman dapat ambil di artikel nya atau dapat pun bikin sendiri link dari Jquery.com
File nya seperti gambar di bawah ini
Dapat kalian lihat di gambar di atas ini, karena kita ingin memberikan transisi ke halaman dua karenanya kita berikan transisi nya di pada link yang akan mengarah halaman dua seperti yang saya beri kotak berwarna merah. Nah tinggal kita berikan data-transition=”pop” karenanya ketika di klik link karenanya transisi yang berjalan ialah efek nya Pergi ke halaman berikutnya seperti jendela popup. Teman – teman pun dapat coba sendiri dengan memberikan type – type transisi yang tadi saya telah berikan list nya. Sekiranya menggunakan efek ini tampilan situs tak terlihat kaku melainkan lebih atraktif karena ada sedikit animasi transisi nya. Oke, demikian di artikel kali ini mengenai Cara Menyisipkan Dan Mengenal Macam – macam Transisi Efek Jquery Mobile kita berjumpa kembali di artikel berikutnya. Semoga bermanfaat
Terima Kasih dan Hingga Jumpa.
Sumber https://kursuswebsite.org
