Tutorial jQuery Mobile Transition Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Halaman transisi jQuery Mobile,contoh,
jQuery Mobile mengandung efek CSS3 memungkinkan Anda untuk memilih halaman untuk membuka jalan.
jQuery Mobile menyediakan berbagai halaman beralih ke halaman berikutnya dari hasil.
Catatan: Dalam rangka untuk mencapai efek switching halaman, browser harus mendukung beralih CSS3 3D:
12.0 | 10,0 | 16.0 | 4.0 | 15.0 |
Angka dalam tabel untuk mendukung 3D berputar minimum nomor versi browser.
Efek Halaman transisi dapat diterapkan untuk setiap penggunaan data-transisi atribut link atau bentuk:
Efek Halaman transisi dapat diterapkan untuk setiap penggunaan data-transisi atribut link atau pengiriman formulir:
<a href="#anylink" data-transition="slide">切换到第二个页面</a>
Tabel berikut menunjukkan data-transisi melalui penggunaan properti yang tersedia untuk beralih halaman:
transisi | deskripsi | halaman | dialog |
---|---|---|---|
luntur | Default. Fade ke halaman berikutnya | mencoba | mencoba |
penerjunan | Dari sandal maju ke halaman berikutnya | mencoba | mencoba |
mengalir | Melempar halaman ini ke halaman berikutnya | mencoba | mencoba |
pop | Seperti pop-up yang pergi ke halaman berikutnya. | mencoba | mencoba |
meluncur | Gesek dari kanan ke halaman berikutnya. | mencoba | mencoba |
slidefade | Gesek ke kiri dan kanan memudar ke halaman berikutnya. | mencoba | mencoba |
slideUp | Slide dari bawah ke atas ke halaman berikutnya. | mencoba | mencoba |
slidedown | Atas ke bawah, geser ke yang berikutnya. | mencoba | mencoba |
giliran | Mengubah halaman berikutnya. | mencoba | mencoba |
tak satupun | Tidak ada efek transisi. | mencoba | mencoba |
Semua Link jQuery Mobile pada efek bawaan fade (jika browser mendukung). |
Catatan: Semua efek di atas mendukung perilaku mundur. Misalnya, jika Anda ingin geser halaman dari kiri ke kanan, kanan ke kiri bukan geser, properti penggunaan data arah dengan "reverse" nilai. Pada tombol Kembali yang merupakan default.