商城首页欢迎来到中国正版软件门户

您的位置:首页 >jQuery Mobile 过渡

jQuery Mobile 过渡

  发布于2026-08-11 阅读(0)

扫一扫,手机访问

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

jQuery Mobile 页面切换效果

jQuery Mobile 提供了各种页面切换到下一个页面的效果。

注意:为了实现页面切换效果,浏览器必须支持 CSS3 3D 切换:

12.0 10.0 16.0 4.0 15.0

表格中的数字为支持 3D 旋转的最小浏览器版本号。

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

凡是带有 data-transition 属性的链接,或通过表单提交触发的操作,都可以直接套用页面切换效果。

切换到第二个页面

下面的表格显示了通过使用 data-transition 属性后可用的页面切换:

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

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

提示:上面这些效果都支持后退操作。也就是说,如果希望页面从左向右滑动,而不是默认的从右向左,可以把 data-direction 属性设置为 "reverse"。对于后退按钮来说,这本来就是默认行为。

实例

	切换
本文转载于:https://www.runoob.com/jquerymobile/jquerymobile-transitions.html 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。

上一篇:jQuery Mobile 按钮

下一篇:jQuery Mobile 页面

热门关注