jQuery Mobile 过渡效果

jQuery Mobile 拥有一系列关于如何从一页过渡到下一页的效果。

注释：如需实现过渡效果，浏览器必须支持 CSS3 3D 转换：

浏览器支持

Internet Explorer 10 支持 3D 转换（更早的版本不支持）

Opera 仍然不支持 3D 转换

过渡效果可应用于任意链接或通过使用 data-transition 属性进行的表单提交：

<a href="#anylink" data-transition="slide">滑动到页面二</a>

下面的表格展示了可与 data-transition 属性一同使用的可用过渡：

过渡 描述 测试

fade 默认。淡入淡出到下一页。 测试

flip 从后向前翻动到下一页。 测试

flow 抛出当前页面，引入下一页。 测试

pop 像弹出窗口那样转到下一页。 测试

slide 从右向左滑动到下一页。 测试

slidefade 从右向左滑动并淡入到下一页。 测试

slideup 从下到上滑动到下一页。 测试

slidedown 从上到下滑动到下一页。 测试

turn 转向下一页。 测试

none 无过渡效果。 测试

反向data-direction="reverse"