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"

jQuery Mobile 过渡效果相关推荐

jquery mobile的a标签点击无法跳转的问题
二次开发,遇到些小问题,嘿嘿,终于解决了. 搜出来的结果在此总结一下: 当我们的网站引用了jquery mobile的js后,点击页面的链接,你会发现页面无法跳转,因为jquery mobile默认是 ...
jQuery Mobile基础
1.安装在<head></head>标签里边写入以下内容 jQuery Mobile CDN: 1 <head> 2 <meta charset=" ...
jQuery Mobile 1.1八大新特性介绍
随着HTML 5时代的来临,移动开发开始进入了一个新的时代,现在只需要懂得HTML5,配合一定的开发框架,就可以开发出十分漂亮的HTML5的移动应用.在众多的移动HTML5开发框架中,比较著名的是j ...
jQuery Mobile 1.1 : 更流畅，更快捷，更实用
最新版本的jQuery Mobile 1.1本月13号刚刚发布,带给我们了最新的强大特和代码提升.在这篇文章中,我们将要快速的介绍jQuery mobile的新特性及其移动开发人员需要了解的所有内容. ...
jQuery Mobile中链接（包含button和表单提交的链接）的data-*选项
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项 jQuery Mobile中链接的data-*选项所有的链接,包含那些带有 data-role="bu ...
jQuery Mobile 所有data-*选项，开发全解+完美注释
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项 jQuery Mobile 所 ...
移动应用程序设计/开发：jQuery Mobile入门指南
在过去的2-3年中,我们看到了对移动网站的浏览器和操作系统支持的巨大增长. 最值得注意的是苹果的iOS和谷歌的Android平台. 但是,诸如PalmOS和Blackberry之类的其他公司仍然处于混 ...
jQuery Mobile使用中遇到的坑！填坑很难，但很有成就感。。
jQuery Mobile使用中遇到的坑!填坑很难,但很有成就感.. 最近参与到一个项目的前端开发中,为了提高用户体验使用到了jQuery Mobile.主要是用到了页面过渡效果,这种效果可以做到页面 ...
jQuery Mobile 入门教程[转]
本文转自: http://www.cnblogs.com/yuzhongwusan/archive/2011/11/24/2261571.html 原作:Getting started with jQ ...

jQuery Mobile 过渡效果

jQuery Mobile 过渡效果相关推荐

最新文章

热门文章