目錄 搜尋
jQuery Mobile 基础教程 jQuery Mobile 安装 jQuery Mobile 页面 jQuery Mobile 页面切换 jQuery Mobile 按钮 jQuery Mobile 按钮图标 jQuery Mobile 工具栏 jQuery Mobile 可折叠块 jQuery Mobile 网格 jQuery Mobile 表单 jQuery Mobile 表单 jQuery Mobile 表单输入元素 jQuery Mobile 表单选择菜单 jQuery Mobile 表单滑动条 jQuery Mobile 列表 jQuery Mobile 列表视图 jQuery Mobile 列表内容 jQuery Mobile 事件 jQuery Mobile 事件 jQuery Mobile 触摸事件 jQuery Mobile 滚屏事件 jQuery Mobile 方向改变事件 jQuery Mobile 实例 jQuery Mobile Data 属性 jQuery Mobile 图标 jQuery Mobile 事件 jQuery Mobile orientationchange 事件 jQuery Mobile pagebeforecreate 事件 jQuery 事件 方法 jQuery bind() 方法 jQuery blur() 方法 jQuery change() 方法 jQuery click() 方法 jQuery dblclick() 事件 jQuery delegate() 方法 jQuery die() 方法 jQuery error() 方法 jQuery event.currentTarget 属性 jQuery event.data 属性 jQuery event.delegateTarget 属性 jQuery event.isDefaultPrevented() 方法 jQuery event.isImmediatePropagationStopped() 方法 jQuery event.isPropagationStopped() 方法 jQuery event.namespace 属性 jQuery event.pageX 属性 jQuery event.pageY 属性 jQuery event.preventDefault() 方法 jQuery event.relatedTarget 属性 jQuery event.result 属性 jQuery event.stopImmediatePropagation() 方法 jQuery event.stopPropagation() 方法 jQuery event.target 属性 jQuery event.timeStamp 属性 jQuery event.type 属性 jQuery event.which 属性 jQuery focus() 方法 jQuery focusin() 方法 jQuery focusout() 方法 jQuery hover() 方法 jQuery keydown() 方法 jQuery keypress() 方法 jQuery keyup() 方法 jQuery live() 方法 jQuery load() 方法 jQuery mousedown() 方法 jQuery mouseenter() 方法 jQuery mouseleave() 方法 jQuery mousemove() 方法 jQuery mouseout() 方法 jQuery mouseover() 方法 jQuery mouseup() 方法 jQuery off() 方法 jQuery on() 方法 jQuery one() 方法 jQuery $.proxy() 方法 jQuery ready() 方法 jQuery resize() 方法 jQuery scroll() 方法 jQuery select() 方法 jQuery submit() 方法 jQuery toggle() 方法 jQuery trigger() 方法 jQuery triggerHandler() 方法 jQuery unbind() 方法 jQuery undelegate() 方法 jQuery unload() 方法 jQuery Mobile pagebeforehide 事件 jQuery Mobile pagebeforeload 事件 jQuery Mobile pagebeforeshow 事件 jQuery Mobile pagecreate 事件 jQuery Mobile pagehide 事件 jQuery Mobile pageinit 事件 jQuery Mobile pageload 事件 jQuery Mobile pageloadfailed 事件 jQuery Mobile pageshow 事件 jQuery Mobile scrollstart 事件 jQuery Mobile scrollstop 事件 jQuery Mobile swipe 事件 jQuery Mobile swipeleft 事件 jQuery Mobile swiperight 事件 jQuery Mobile tap 事件 jQuery Mobile taphold 事件 jQuery Mobile 页面事件 jQuery Mobile CSS 类 jQuery Mobile 主题 jQuery Mobile 主题 jQuery Mobile 图标
文字

jQuery Mobile 实例



jQuery Mobile 页面

一个基本的移动网页
多个页面
对话框


jQuery Mobile 页面切换

淡入效果
从后向前翻转效果
流动效果
弹出效果
滑动效果
从右到左滑动并淡入效果
从下到上滑动效果
从上到下滑动效果
翻页效果
没有切换效果
颠倒效果


jQuery Mobile 按钮

创建按钮
内联按钮
组合按钮
后退按钮
带有圆角或不带有圆角的按钮
小尺寸或常规尺寸的按钮
带有阴影或不带有阴影的按钮


jQuery Mobile 按钮图标

添加图标到按钮
定位图标
只显示图标


jQuery Mobile 工具栏

创建头部栏和尾部栏
在头部栏添加按钮
在头部栏左侧添加按钮
在头部栏右侧添加按钮
带有按钮的尾部栏
带有居中对齐按钮的尾部栏
带有组合按钮的尾部栏
带有水平组合按钮的尾部栏
Inline 定位 - 头部栏和尾部栏与页面内容内联
Fixed 定位 - 头部栏和尾部栏固定在页面的顶部和底部
Fullscreen 定位 - 头部栏和尾部栏固定在页面的顶部和底部,但是会遮住页面内容


jQuery Mobile 导航栏

创建导航栏
内容中的导航栏
尾部中的导航栏
在导航栏中为按钮添加被选中(按下)外观
持续添加被选中(按下)外观
定位导航栏中的图标
导航栏中 10 个按钮的演示


jQuery Mobile 可折叠块

创建可折叠的内容块
当页面加载时展开内容
嵌套可折叠块
可折叠集合
取消可折叠块上的圆角
让可折叠块更小
改变可折叠块的图标
可折叠列表
可折叠表单


jQuery Mobile 网格

两列布局
三列布局
四列布局
五列布局
自定义网格
列内的多行


jQuery Mobile 列表

创建列表视图
带圆角的列表视图
列表分隔
自动分隔
创建搜索过滤
改变搜索框内的文本
创建只读列表
为列表项添加缩略图
添加 HTML 元素,用信息填充列表项
添加图标到列表项
创建带有分割按钮的列表
让列表项更具功能性
创建计数气泡
为列表项创建默认链接图标
可折叠列表
创建日历


jQuery Mobile 表单

文本输入框
文本输入域
搜索输入框
单选按钮
复选框
水平组合单选按钮和复选框
带有单选按钮和复选框的 Field 容器
预选中单选按钮/复选框
创建选择菜单
创建带有分隔(optgroup)的选择菜单
自定义选择菜单
在选择菜单中选择多个选项
组合选择菜单
水平组合选择菜单
预选中选项
可折叠表单
创建滑动条控件
高亮突出显示滑动条的值
创建拨动开关
预选中拨动开关


jQuery Mobile 主题

主题 "a"
主题 "b"
主题 "c"
主题 "d"
主题 "e"
主题头部、内容和尾部
主题对话框
主题按钮
主题图标
头部和尾部的主题按钮
主题导航栏
主题可折叠按钮和内容
主题列表
主题分割按钮
主题可折叠列表
主题表单
主题可折叠表单
自定义主题


jQuery Mobile 触摸事件

点击(Tap)事件
点击不放(Taphold)事件
滑动(Swipe)事件
向左滑动(Swipeleft)事件
向右滑动(Swiperight)事件
滚屏开始(Scrollstart)事件
滚屏结束(Scrollstop)事件
方向改变(Orientationchange)事件 - 提示方向
方向改变(Orientationchange)事件 - 为纵向和横向设置不同的样式

上一篇: 下一篇: