全栈工程师开发手册 (作者:栾鹏)

jQuery Mobile事件全解

jQuery Mobile 所有class选项

jQuery Mobile 所有data-*选项

jQuery Mobile 所有class选项:

全局类:

//ui-corner-all             为元素添加圆角
//ui-shadow                 为元素添加阴影
//ui-overlay-shadow         为元素添加多层阴影
//ui-mini                   让元素变小

按钮类:

//<a> 或 <button> 元素添加以下类 (不是 <input> 按钮):

//ui-btn                        添加在 <a> 元素上并以按钮形式展示
//ui-btn-inline                 在同一行上显示按钮
//ui-btn-icon-top               定位图标在按钮文本之上
//ui-btn-icon-right             定位图标在按钮文本的右边
//ui-btn-icon-bottom            定位图标在按钮文本之下
//ui-btn-icon-left              定位图标在按钮文本的左边
//ui-btn-icon-notext            只显示图标
//ui-btn-a|b                    指定按钮演示。"a" 是默认的 (灰色背景黑色文本样式), "b" 修改颜色为黑色背景白色文本
//ui-btn-left                   按钮位置靠左
//ui-btn-right                  按钮位置靠右

图标类:

//ui-icon-action            动作 (一般用于页面跳转切换) action
//ui-icon-alert             三角形内的感叹号    alert
//ui-icon-audio             音响/音箱   audio
//ui-icon-arrow-d-l         左下角箭头   arrow-d-l
//ui-icon-arrow-d-r         右下角箭头   arrow-d-r
//ui-icon-arrow-u-l         左上角箭头   arrow-u-l
//ui-icon-arrow-u-r         右上角箭头   arrow-u-r
//ui-icon-arrow-l           左角箭头    arrow-l
//ui-icon-arrow-r           右角箭头    arrow-r
//ui-icon-arrow-u           向上箭头    arrow-u
//ui-icon-arrow-d           向下箭头    arrow-d
//ui-icon-back              返回  back
//ui-icon-bars              三条水平线,一般用于展示列表按钮图标  bars
//ui-icon-bullets           用于展示列表按钮图标  bullets
//ui-icon-calendar          日历  calendar
//ui-icon-camera            相机  camera
//ui-icon-carat-d           向下滑动图标  carat-d
//ui-icon-carat-l           向左滑动图标  carat-l
//ui-icon-carat-r           向右滑动图标  carat-r
//ui-icon-carat-u           向上滑动图标  carat-u
//ui-icon-check             勾选  check
//ui-icon-clock             闹钟  clock
//ui-icon-cloud             云   cloud
//ui-icon-comment           评论 / 消息 comment
//ui-icon-delete            删除  delete
//ui-icon-edit              编辑 / 铅笔 edit
//ui-icon-eye               眼睛  eye
//ui-icon-forbidden         禁用标识 sign   forbidden
//ui-icon-forward           撤销 - (返回上一步)    forward
//ui-icon-gear              齿轮,一般用于设置按钮图标   gear
//ui-icon-grid              网格  grid
//ui-icon-heart             心型,可用于文章收藏  heart
//ui-icon-home              主页  home
//ui-icon-info              信息  info
//ui-icon-location          定位  location
//ui-icon-lock              锁   lock
//ui-icon-mail              邮件 / 信封 mail
//ui-icon-minus             减号  minus
//ui-icon-navigation        导航  navigation
//ui-icon-phone             电话  phone
//ui-icon-power             开关 (On/off) power
//ui-icon-plus              加号  plus
//ui-icon-recycle           循环 标识   recycle
//ui-icon-refresh           刷新  refresh
//ui-icon-search            搜索 / 放大镜    search
//ui-icon-shop              商店/购物袋  shop
//ui-icon-star              星号  star
//ui-icon-tag               标签  tag
//ui-icon-user              用户 / 人物 user
//ui-icon-video             视频 / 相机
//ui-nodisc-icon            移除图标的灰色圆圈,
//ui-alt-icon               图标显示为黑色(默认为白色)

主题类:

// Classes  字母 (a-z) 意为样式可以指定 a 到 z。例如 ui-bar-a 或 ui-bar-b等

//ui-bar-(a-z)               指定栏目演示 - 头部,底部及其他栏目
//ui-body-(a-z)              指定内容块的颜色 - 页面内容部分 ( 1.4.0 版本已废弃), 列表视图, 弹窗, 侧栏,面板,加载,折叠。
//ui-btn-(a-z)               指定按钮颜色
//ui-group-theme-(a-z)       定义了控制组的演示 listviews 和 collapsible 集合。
//ui-overlay-(a-z)           定义了页面背景颜色,包括对话框,弹窗和其他出现在最顶层的页面容器
//ui-page-theme-(a-z)        定义了页面演示

网格类:

//网格中的列是等宽的(合计是 100%),没有边框、背景、margin 或 padding

//ui-grid-solo      100%                                ui-block-a
//ui-grid-a         50% / 50%                           ui-block-a|
//ui-grid-b         33% / 33% / 33%                     ui-block-a|b|c
//ui-grid-c         25% / 25% / 25% / 25%               ui-block-a|b|c|d
//ui-grid-d         20% / 20% / 20% / 20% / 20%         ui-block-a|b|c|d|e

jQuery Mobile 所有class选项,开发全解+完美注释的更多相关文章

  1. jQuery Mobile 所有data-*选项,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项 jQuery Mobile 所 ...

  2. jQuery Mobile事件,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项 jQuery Mobile事件 ...

  3. Echarts数据可视化series-scatter散点图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  4. Echarts数据可视化series-radar雷达图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  5. Echarts数据可视化series-pie饼图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  6. Echarts数据可视化series-map地图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  7. Echarts数据可视化series-line线图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  8. Echarts数据可视化series-heatmap热力图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  9. Echarts数据可视化series-graph关系图,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

随机推荐

  1. Bootstrap框架菜鸟入门教程

    Bootstrap菜鸟入门教程 Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简 ...

  2. 转: 【Java并发编程】之二十一:并发新特性—阻塞队列和阻塞栈(含代码)

    转载请注明出处:http://blog.csdn.net/ns_code/article/details/17511147 阻塞队列 阻塞队列是Java5并发新特性中的内容,阻塞队列的接口是Java. ...

  3. 【Alpha】第七次Daily Scrum Meeting

    GIT 一.今日站立式会议照片        二.会议内容 1.讨论送礼物的方法和对象,使功能更加完善. 2.对于程序还存在的问题提出自己的看法,尽量让功能更加的饱满. 三.燃尽图 四.遇到的困难 能 ...

  4. return 的使用

    (一):while中使用return //编译不通过,编译器不知道isTrue()方法是否会返回true,这样不能test()方法一定有返回值. public String test(){ while ...

  5. Python内置函数详解

    置顶   内置函数详解 https://docs.python.org/3/library/functions.html?highlight=built#ascii https://docs.pyth ...

  6. Struts2第九篇【OGNL、valueStack详解】

    什么是OGNL表达式? OGNL是Object Graphic Navigation Language 是操作对象属性的开源表达式. Struts2框架使用OGNL作为默认的表达式语言. 为什么我们学 ...

  7. temp-成都农商行路径

    route add 30.3.4.0 mask 255.255.255.0 30.3.12.254 route add 30.3.12.0 mask 255.255.255.0 30.3.12.254 ...

  8. python3中的编码与解码用法

    #!/usr/bin/env python3 # -*- coding: utf-8 -*- __author__ = '人生入戏' #python3在编码时会把str编码成utf-8的bytes类型 ...

  9. SQL性能优化十条经验(转)

    1.查询的模糊匹配 尽量避免在一个复杂查询里面使用 LIKE '%parm1%'-- 红色标识位置的百分号会导致相关列的索引无法使用,最好不要用. 解决办法: 其实只需要对该脚本略做改进,查询速度便会 ...

  10. Java定时任务调度详解

    前言 在实际项目开发中,除了Web应用.SOA服务外,还有一类不可缺少的,那就是定时任务调度.定时任务的场景可以说非常广泛,比如某些视频网站,购买会员后,每天会给会员送成长值,每月会给会员送一些电影券 ...