jQuery Mobile 教程(精)

jQuery Mobile 教程(精)精雕软件教程,我的世界精美别墅教程,新求精德语强化教程,产品精修教程,精雕教程,周大杰产品精修教程,精雕油泥手办教程,飞儿精品教程网,精雕视频教程
社会化媒体营销 > jQuery Mobile 教程(精)

jQuery Mobile 教程(精)(40)

另外,带有 rel="external" 属性的链接不会通过 Ajax 方式加载,跳转时整个页面会被刷新。若需指定某个链接不需要 Ajax ,也可以为该链接添加

data-ajax="false" 属性,这样的链接也不会使用 Ajax 。关于 Ajax 的内容, Kayo 会在介绍配置 jQuery Mobile 时详细介绍。

4.页面转场

jQuery Mobile 为自带有一套基于 CSS3 的转场效果,你可以为任何能触发页面跳转的链接添加 data-transition 属性来调整转场动画效果。这些效果基于 CSS3 的transitions ,某些移动平台对 transitions 的支持并不足够,如果你的页面在转场时出现闪烁的情况, Kayo 建议你在 CSS 中加入下面这一条 CSS 规则:

.ui-page { -webkit-backface-visibility: hidden; }

另外,若需要页面翻转等 3D 效果,浏览器必须支持 3D transforms ,若不支持(如安卓 2.x 系列),则会退化为淡出淡入的效果。

默认情况的转场效果是“fade”,即淡出淡入,若需要自定义转场效果,可以使用data-transition 属性,如把转场效果改为“pop(弹出)”:

dialog

该属性的具体取值可以查看本文末的完整 Demo,里面列举了 data-transition 所有可取值。

小补充:控制转场宽度:当转场页面的宽度过大时,翻转等 3D 效果可能会过度消耗系统资源,因此开发者可以使用 $.mobile.maxTransitionWidth 控制转场最大宽度,超过该宽度则不使用转场动画。 $.mobile.maxTransitionWidth 是配置 jQuery Mobile 默认值的方法,因为比较复杂,将会另外写文章详解,这里列出该方法仅供有经验的开发者参考。

5.对话框

如下面的例子,为 Page 添加 data-rel="dialog" 属性,可以把页面表现为对话框的形式——增加圆角,外边距,阴影和遮罩层。

40

点击显示全文

  • 认识Jquery Mobile

    href="">博客教程 jquery mobile 教程 jquery mobile 博客 wordpress 主题吧版权所有 http://web.mybdqn.com/ jquery mobile 的扩展看到了吗?...

    2018-06-24 03:44:03
    202450
  • jQuery mobile学习笔记

    data-role="footer" data-position="fixed" data-fullscreen="true"> 10、jQuery Mobile 导航栏导航栏由一组水平排列的链接构成,通常位于页眉或页脚内部。 默认地...

    2018-06-24 03:45:48
    642121
  • jQuery Mobile 教程《精》

    jQuery Mobile 教程《精》_计算机软件及应用_IT/计算机_专业资料。jquery mobile教程 jQuery Mobile 教程 一、 JQueryMobile 基础 1. jQuery Mobile 的渐进增强设计与...

    2018-06-24 04:05:03
    368865
  • jQuery_Mobile入门教程_提升篇

    在之前的文章 jQuery Mobile 入门教程里,我对 jQueryMobile 的使用进行了入门介绍, 你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。 ...

    2018-06-24 03:46:49
    198929
  • jQuery Mobile入门教程——主题的使用和定制

    在之前的文章 jQuery Mobile 入门教程里,我对 jQueryMobile 的使用进行了入门介绍, 你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。 ...

    2018-06-24 04:12:03
    784927
  • JQuery Mobile技术文档

    JQuery Mobile 权威指南《jQuery Mobile 权威指南》 由资深专家根据 jQuery Mobile 最新版本撰写, 是一本全面 而系统的 jQuery Mobile 教程,对 jQuery Mobile 的...

    2018-06-24 04:10:38
    140345
  • jQuery Mobile简单介绍

    jQuery Mobile 简单介绍今天,jQuery 驱动着 Internet 上的大量网站,在浏览器中提供动态用户体验,促使传 统桌面应用程序越来越少。现在,主流移动平台上的浏览器功能都...

    2018-06-24 04:17:03
    255967
  • jQuery Mobile 入门教程

    jQuery Mobile 入门教程 jQuery Mobile 入门 jQuery Mobile 基本页面结构 <!DOCTYPE html> jQuery Mobile 基本页面结构 ...

    2018-06-24 04:15:29
    527176
加载中...
加载中...
  • python+xpath笔记

    python+xpath笔记_计算机软件及应用_IT/计算机_专业资料。一、选取节点 常用的路劲表达式: 表达式 描述 实例 选取了 div 节点的所有子节 点 从根节点上选取 div ...

  • xpath详解总结,很全面

    请看一个典型的 XPath 查询表达式:/messages/message//child:: node《》[@id=0],其中/messages/message 是路径《绝对路径以"/ "开始》,child::是轴表示在子节点...

  • 如何获取某个页面元素的XPath值

    假如现在我们想要获取百度首页《www.baidu.com》的“百度一下”按钮的 XPath 值,如下 图所示: 360 安全浏览器: 第一步:首先,在“百度一下”按钮上按右键,然后...

  • XPath实例

    实例1 基本的 XPath 语法类似于在一个文件系统中定位文件,如果路径以斜线 / 开始, 那么该路径 就表示到一个元素的绝对路径 /AAA 选择根元素 AAA <AAA> <BBB...

  • 给xpath添加正则表达式匹配函数

    public override IXsltContextVariable ResolveVariable《string prefix, string name》 《 // Create an instance of an XPathExtensionVariable. XPathExtensionVariable ...

24小时热门信息
  • docker课程介绍.doc

    docker课程介绍.doc_IT认证_资格考试/认证_教育专区。云计算 Docker 容器技术应用培训课程大纲 1、培训对象:云计算架构师、运营维护工程师、开发工程师 2、培训目标...

    2018-06-24 04:12:44
    338015
  • docker学习之基础知识

    docker学习之基础知识_计算机软件及应用_IT/计算机_专业资料。docker学习入门 内 部 公 开 ▲ Docker 学习之基础知识 Docker 是一个开源项目,诞生于 2013 年初,...

    2018-06-24 04:21:01
    462582
  • docker命令语句

    docker命令语句_计算机软件及应用_IT/计算机_专业资料。docker命令语句 Docker 基础这篇基础文章是方便用户在使用 cSphere 平台之前,了解 docker 基础知识。 针对已经...

    2018-06-24 03:48:09
    238868
  • 完整Docker+VXLAN《OpenVswitch》配置

    完整Docker+VXLAN《OpenVswitch》配置 - 自己做的一个完整的docker+OpenVswitch的完整配置,从安装到最终的实验配置完成,都有完整的步骤。根据本文档配置,绝对...

    2018-06-24 04:24:09
    156822
  • 非常详细的 Docker 学习笔记

    ... 4.9 Docker 1.3 新增特性和命令 4.10 Docker 1.5 新特性 5.1 自动映射端口 5.2 绑定端口到指定接口 6.1 Docker 四种网络模式 6.2 列出当前主机网桥 ...

    2018-06-24 04:03:14
    943743
  • Docker 的使用总结

    docker 在线安装与启动 1.1 安装 docker [root@localhost /]#yum install –y epel-release [root@localhost /]# yum -y install docker-io 1.2 启动 ...

    2018-06-24 03:40:05
    182123
精彩推荐
  • 计算机答案《Flash》计算机答案《Flash》

    20.关于 Flash 影片舞台的最大尺寸是多少 为像素 21、在 Flash 中,如果希望将一段文字分离为单独的文字,可以使用 的命令是【Ctrl】+【B】 22、某电影中,只有...2018-06-24 04:18:44265311

  • Flash 教程Flash 教程

    Flash 教程_计算机软件及应用_IT/计算机_专业资料。自编动画教程 小学Flash 特色课程校本教材一、课程基本理论 《一》 、Flash 特色课程教学总目标《教学的三维目标》 ...2018-06-24 03:46:33181767

  • 1、Flash 简介1、Flash 简介

    1、Flash 简介_计算机软件及应用_IT/计算机_专业资料。Flash cs3 二维动画设计与制作课 课时:2 课时 题:Flash 简介 重、难点:Flash 动画的特点 Flashcs3 的界面...2018-06-24 04:07:49337100

  • 信息技术工具介绍flash信息技术工具介绍flash

    Flash 的补间动画有以下几种: 1.动作补间动画 动作补间动画是 Flash 中非常重要的动画表现形式之一,在 Flash 中制作动作补间动画的对象必须 是"元件"或"组成"...2018-06-24 03:53:16297697

  • Flash 基础入门学习Flash 基础入门学习

    Flash 基础入门学习_计算机软件及应用_IT/计算机_专业资料。FLSAH一些入门技巧学习 Flash 基础 一、界面介绍 启动 Flash 后,Flash 的界面主要有菜单栏、标准工具栏...2018-06-24 04:00:10185200

  • FLASHFLASH

    FLASH_计算机软件及应用_IT/计算机_专业资料。知识 1.1Flash CS6 概述及重要概念重点: ①对 Flash 这款软件有一定的了解 ②要求掌握帧,时间轴,图层,场景,笔触...2018-06-24 04:16:20148652

  • Flash1Flash1

    《Flash 动画设计》考试资料注意事项: 1、考试时间:2009 年 5 月 18 日晚 18:45-20:25,共计 100 分钟 2、考试地点:2303、2304 教室 3、考试形式:开卷...2018-06-24 03:38:07500594

  • zigbee协议栈flash操作zigbee协议栈flash操作

    《HAL_NV_DMA_CH》; FADDRL = 《uint8》addr; FADDRH = 《uint8》《addr >> 8》; HalFlashWriteTrigger《》; 》 这个函数的功能就是向 flash 内部的 addr 地址...2018-06-24 04:16:43407421

手机版 | 欢迎来到社会化媒体营销
RSS订阅