码迷,mamicode.com
首页 > Web开发 > 详细

jQuery Mobile 过渡

时间:2020-06-02 18:39:24      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:浏览器   tty   err   nbsp   code   切换   class   过渡   重庆   

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 无过渡效果。 尝试一下 尝试一下

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

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

实例

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

尝试一下 »

以上就是 jQuery Mobile 过渡  的详细内容,更多请关注runoob其它相关文章!






重庆代孕【徽信13022337922】成都代孕【徽信13022337922】长沙代孕【徽信13022337922】
武汉代孕【徽信13022337922】贵阳代孕【徽信13022337922】昆明代孕【徽信13022337922】、
重庆代孕【徽信13022337922】
重庆代孕【徽信13022337922】重庆代孕【徽信13022337922】
重庆代孕【徽信13022337922】

jQuery Mobile 过渡

标签:浏览器   tty   err   nbsp   code   切换   class   过渡   重庆   

原文地址:https://www.cnblogs.com/yuya670/p/13032716.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!