jQuery Mobile包含一组基于CSS3的过渡动画(又称转场效果),可以应用在任何页面或page组件切换。jQuery Mobile默认对页面切换和返回按钮设置了滑动(slide)效果。
要设定一个特定过渡效果,只需要在链接上添加一个data-transition属性,可以使用以下属性值:
<a href="index.html" data-transition="pop">I'll pop</a>
jQuery Mobile提供了6种切换动画:slide(滑动)、slideup(向上滑动)、slidedown(向下滑动)、pop(抛出)、fade(淡入淡出)和flip(3D翻转)。动画效果见这里。
注意:flip效果在大多数android浏览器上不能被正确渲染,因为缺少对3d css transform的支持。不幸的是android并没有忽略flip效果,而是使用水平翻转来替代。所以建议在android完美支持之前谨慎使用flip效果。
此外,你可以使用data-direction=”reverse”来设定反向的过渡效果,比如对slide效果(从右往左)使用data-direction=”reverse”则会变成从左往右,对pop效果(从小到大抛出)使用data-direction=”reverse”则会变成从大到小消失。
今天老总跟我们聊天,说了很多技术的东西,有很多关于线程和内存的内容,凭我现在的水平,不理解其说的内容,以后要在这方面多加注意些,注重性能优化。
在软件行业,要实时跟上软件发展的进程。老总有个比喻,是这样的。菜市场每天都有很多新鲜的菜进入,如果你抱着一捆不新鲜的菜来买,即使你人缘再好,老主顾也会离你而去,更别说其他。
分享到:
相关推荐
前端项目-jquery-smart-web-app-banner,将这个小脚本添加到您的网站并邀请您的访问者将您的网站与其他应用程序一起保存到他们的主屏幕!
第三篇是跨平台APP实战篇,介绍了6个使用jQuery Mobile开发的实际APP;第四篇是发布和推广应用篇,介绍了在开发完成之后,如何发布和推广自己的APP。本书内容详尽、实例丰富,是广大jQuery Mobile初学者、跨平台移动...
第11课 - jQuery控制页面 - [精通JavaScript+jQuery] 第12课 - jQuery动画特效 - [精通JavaScript+jQuery] 第13课 - jQuery功能函数 - [精通JavaScript+jQuery] 第14课 - jQuery与Ajax - [精通JavaScript+jQuery]...
jquery-mobile-theme-174943-0
<script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...
最新jquery.mobile-1.4.0 jquery.mobile-1.4.0.zip 含Demos 最新jquery.mobile-1.4.0-UI(jQuery+CSS+images+demos.index.html) jquery.mobile-1.4.0.min.js jquery.mobile-1.4.0.js jquery.mobile-1.4.0.min....
使用jquery-mobile+html5实现android本地通讯录
jquery.mobile-1.4.5 jquery.mobile-1.4.5 jquery.mobile-1.4.5
实训 jQuery开发交互效果页面--留言页面.pptx
HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站_陈婉凌.pdf
实训 jQuery开发交互效果页面--手机号抽奖.pptx
jQuery Mobile Web Development Essentials Create websites that work beautifully on a wide range of mobile devices with jQuery mobile Learn to prepare your jQuery mobile project by learning through ...
jquery插件jquery-ui-timepicker-addon.j
jquery经典实例60例-动画实例 jquery经典实例60例-动画实例 jquery经典实例60例-动画实例
为什么说是新老结合呢,首先,页面是基于jQuery实现的插件 其次,展现的动画效果依赖于CSS3动画,so,新老结合实现的动画效果 使用方法: 1、将head中的CSS引入到你的网页中 2、将body中的代码部分拷贝到...
《jQuery Mobile快速入门》适合想要掌握jQuery Mobile的Web开发人员阅读。具有一定开发经验的Android开发人员和iPhone/iPad开发人员在学完本书后,也可以通过一次编码,构建出可跨平台运行的app。
jQuery.Mobile的文档以及Demo 还有一个jQuery.Mobile的学习app 可以下载到手机上。
jq-mobile案例 jq-mobile案例 jq-mobile案例 jq-mobile案例 jq-mobile案例
jquery mobile通过ajax访问web api2 接口,显示列表数据。