jQuery Peralihan Mudah Alih
jQuery Mobile termasuk kesan CSS3 yang membolehkan anda memilih cara halaman dibuka.
kesan penukaran halaman mudah alih jQuery
jQuery Mobile menyediakan pelbagai kesan penukaran halaman ke halaman seterusnya.
Nota: Untuk mencapai kesan penukaran halaman, penyemak imbas mesti menyokong penukaran CSS3 3D:
 |  |  |  |  |
|---|---|---|---|---|
| 12.0 | 10.0 | 16.0 | 4.0 | 15.0 |
Nombor dalam jadual ialah nombor versi pelayar minimum yang menyokong putaran 3D.
Kesan peralihan halaman boleh digunakan pada mana-mana pautan atau borang yang menggunakan atribut peralihan data:
Kesan peralihan halaman boleh digunakan pada sebarang pautan atau penyerahan borang yang menggunakan data- atribut peralihan:
<a href="#anylink" data-transition="slide">切换到第二个页面</a>
Jadual berikut menunjukkan peralihan halaman yang tersedia dengan menggunakan atribut peralihan data:
| 过渡 | 描述 | 页面 | 对话框 |
|---|---|---|---|
| fade | 默认。淡入到下一页 | 尝试一下 | 尝试一下 |
| flip | 从后向前翻转到下一页 | 尝试一下 | 尝试一下 |
| flow | 抛出当前页，进入下一页 | 尝试一下 | 尝试一下 |
| pop | 像弹出窗口那样转到下一页。 | 尝试一下 | 尝试一下 |
| slide | 从右向左滑动到下一页。 | 尝试一下 | 尝试一下 |
| slidefade | 从右向左滑动并淡入到下一页。 | 尝试一下 | 尝试一下 |
| slideup | 从下到上滑动到下一页。 | 尝试一下 | 尝试一下 |
| slidedown | 从上到下滑动到下一页。 | 尝试一下 | 尝试一下 |
| turn | 转向下一页。 | 尝试一下 | 尝试一下 |
| none | 无过渡效果。 | 尝试一下 | 尝试一下 |
 | 在 jQuery Mobile 的所有链接上，默认使用淡入淡出的效果（如果浏览器支持）。 |
|---|
Petua: Semua kesan di atas Sokong tingkah laku sandar. Contohnya, jika anda mahu halaman meluncur dari kiri ke kanan dan bukannya kanan ke kiri, gunakan atribut arah data dengan nilai "terbalik". Ini adalah lalai pada butang belakang.
Instance
<a href="#pagetwo" data-transition="slide" data-direction="reverse">切换</a>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
