Jquery Mobile实现页面切换

现在移动设备已经是手机和平板的天下了，在使用手机和平板的时候，我们应该有这样的经历，通过手势触摸或者点击，可以实现页面的来回切换，这些功能同样可以使用jquery mobile来实现。

jQuery Mobile提供了各种页面切换到下一个页面的效果。

上面表格中页面的切换效果都可使用data-transition属性实现

下面我们使用sildefade为例来实现页面的切换

运行结果

点击第一个页面的链接会从右向左滑动并淡入到第2个页面。

如果想更多的了解这些页面的切换效果，只需要把data-transition属性值改变即可。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基于JQuery Mobile的Web App实践
    摘要 JQuery Mobile是针对智能手机和平板电脑创建的移动Web App开发框架，它的出现填补了JQuer...
    LiuXiaobing阅读 3,398评论 0赞 15
  • JQuery Mobile
    JQuery Mobile（JQM、JQMobile） 你是否想知道为什么在 标签中 没有插入 type="te...
    aymincoder阅读 1,210评论 0赞 1
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,455评论 25赞 708
  • AFNetworking的使用
    1、导入AFNetworking 1) 从gitub下载AFNetworking资源包 2) 解压AFNetwor...
    慧惠阅读 827评论 1赞 5
  • 无题
    倚天楼外见， 屠龙梦中寒。 相思应语否 ， 何日近长安？
    古风长歌阅读 184评论 1赞 3