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
本文目录
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"。对于后退按钮来说,这本来就是默认行为。
实例
切换
作者最新文章
立刻MV如何查看立刻MV官方操作指引文档
2026-11-02 14:05
抖音创作平台官网登录入口
2026-11-02 10:38
Xshell连接SSH失败怎么办?5步排查网络、代理与认证问题
2026-10-30 14:30
樱花动漫官方正版官网入口在哪_樱花动漫网址2027最新分享
2026-10-28 19:21
AO3永久可用网址分享 ao3实时访问入口
2026-10-28 13:16
上一篇:
jQuery Mobile 按钮
下一篇:
jQuery Mobile 页面
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多

































