jQuery Mobile 过渡


jQuery Mobile 包� CSS3 效果让您选择页�打开的方�。


jQuery Mobile 页�切�效果

jQuery Mobile �供了��页�切�到下一个页�的效果。

注�:为了实现页�切�效果,�览器必须支� CSS3 3D 切�:

12.0 10.0 16.0 4.0 15.0

表格中的数字为支� 3D 旋转的最��览器版本�。

页�过渡效果�被应用于任何使用 data-transition 属性的链接或表�:

页�切�效果�被应用于任何使用 data-transition 属性的链接或表��交:

<a href="#anylink" data-transition="slide">切�到第二个页�</a>

下�的表格显示了通过使用 data-transition 属性��用的页�切�:

过渡 �述 页� 对�框
fade 默认。淡入到下一页 �试一下 �试一下
flip 从���翻转到下一页 �试一下 �试一下
flow 抛出当�页,进入下一页 �试一下 �试一下
pop �弹出窗�那样转到下一页。 �试一下 �试一下
slide 从��左滑动到下一页。 �试一下 �试一下
slidefade 从��左滑动并淡入到下一页。 �试一下 �试一下
slideup 从下到上滑动到下一页。 �试一下 �试一下
slidedown 从上到下滑动到下一页。 �试一下 �试一下
turn 转�下一页。 �试一下 �试一下
none 无过渡效果。 �试一下 �试一下

lamp 在 jQuery Mobile 的所有链接上,默认使用淡入淡出的效果(如果�览器支�)。

�示:上�的所有效果支��退行为。例如,如果您想�页�从左��滑动,而�是从��左滑动,请使用带有 "reverse" 值的 data-direction 属性。在�退按钮上这是默认的。

实例

<a href="#pagetwo" data-transition="slide" data-direction="reverse">切�</a>

�试一下 »