`
lizaochengwen
  • 浏览: 667290 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用jQuery Mobile开发Web App-页面切换动画 android

阅读更多
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”则会变成从大到小消失。

今天老总跟我们聊天,说了很多技术的东西,有很多关于线程和内存的内容,凭我现在的水平,不理解其说的内容,以后要在这方面多加注意些,注重性能优化。
在软件行业,要实时跟上软件发展的进程。老总有个比喻,是这样的。菜市场每天都有很多新鲜的菜进入,如果你抱着一捆不新鲜的菜来买,即使你人缘再好,老主顾也会离你而去,更别说其他。
分享到:
评论

相关推荐

    构建跨平台APP jQuery Mobile移动应用实战代码

    在提供的“jQueryMobile2源代码”中,你可以找到示例项目的结构和实现,这对于深入理解 jQuery Mobile 的工作原理和实践技巧非常有帮助。通过研究这些代码,你将能更好地掌握如何利用这个框架构建功能丰富的跨平台...

    软件工程师_经典收藏50个jQueryMobile开发技巧集萃.docx

    22. **页面过渡效果**:利用jQuery Mobile的内置过渡动画,使页面切换更流畅。 23. **优化触摸事件**:处理触摸事件,确保在触屏设备上的良好交互。 24. **页面预加载**:通过预加载页面内容,减少用户等待时间。 ...

    15款jQuery Mobile插件

    这些插件的实践应用和集成也是《构建跨平台APP:jQueryMobile移动应用实战》一书的主要内容之一。这本书通过实例驱动的方法,帮助开发者入门并深入掌握jQuery Mobile的开发技巧。书中详细介绍了如何使用这些插件来...

    jQTouch-master.zip

    它提供了一系列的触摸事件、动画效果和UI组件,使得开发者能够轻松地创建具有iOS、Android等移动平台原生应用风格的Web App。在jQTouch-master.zip压缩包中,包含了jQTouch的核心源码和相关资源文件。 ### 1. ...

    滑动切换模块

    4. **原生API**:对于原生App开发,如iOS的Swift或Android的Java,可以利用UIkit提供的滑动视图控制器(如`UIPageViewController`或`ViewPagerAndroid`)来实现滑动切换。 滑动切换模块的设计要点包括: 1. **用户...

Global site tag (gtag.js) - Google Analytics