最新的Web开发教程
 

jQuery Mobile例子


jQuery Mobile的网页

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

举例说明


jQuery Mobile的转变

淡入淡出效果
翻页效果
流动效应
波普效果
幻灯效果
Slidefade效果
效果基本show效果
了slideDown效果
关闭效果
没有过渡效果
相反的效果

举例说明


jQuery Mobile的按钮

创建按钮
内嵌按钮
分组按钮
后退按钮
更改按钮的颜色
带或不带圆角的按钮
小或正常大小的按钮
带或不带按键的阴影

举例说明


jQuery Mobile的按键图标

添加图标按钮
添加更多的图标(在版本中引入的图标1.4)
定位图标
仅显示图标
取出圆(盘) 更改图标的颜色

举例说明


jQuery Mobile的弹出窗口

创建基本弹出
添加填充和保证金弹出
用正确的关闭按钮关闭弹出
用左关闭按钮关闭弹出
Undismissible弹出
定位弹出窗口
过渡弹出窗口
弹出箭头
弹出对话框
弹出照片

举例说明


jQuery Mobile的工具栏

创建一个标题和页脚
添加按钮标题
添加一个按钮中的左侧头部
将按钮添加到右侧标题
页脚的按钮
页脚与中心对齐按钮
页脚与水平分组按钮
内嵌位置-页眉和页脚内嵌页面内容
固定位置-页眉和页脚将继续定位在页面的顶部和底部
全屏位置-页眉和页脚保持定位在顶部和底部,但也超过了页内容

举例说明


jQuery Mobile的导航栏

创建导航栏
在导航按钮图标
内容导航栏
在页脚导航条
添加选中(按下)寻找在导航栏按钮
添加选定(按下)坚持一下
定位图标:上对齐
定位图标:右对齐
定位图标:底部对齐
定位图标:左对齐
10按钮导航栏演示

举例说明


jQuery Mobile的面板

创建基本面板
一个关闭按钮的面板
更改平板显示器
右位置的面板
固定面板位置

举例说明


jQuery Mobile的Collapsibles

创建内容的可折叠块
展开内容页面加载时
嵌套可折叠块
可折叠套(手风琴)
卸下collapsibles圆角
让collapsibles小
更改collapsibles图标
更改collapsibles的图标位置

举例说明


jQuery Mobile的表

创建回流表
创建一个列切换台
更改切换台按钮文本
添加阴影表
底部边框添加到所有的表行
背景色添加到所有的表行

举例说明


jQuery Mobile的网格

两栏布局
三栏布局
四列布局
五列布局
自定义网格
里面列多行

举例说明


jQuery Mobile的列表

创建列表视图
带有圆角的列表视图
列表分隔
Autodividers
创建只读列表
插入板的列表项
对于列表项更改默认的链接图标
添加图标列表项
加入缩略图列表项
添加HTML元素,以填补信息列表项
创建拆分按钮列表
使列表项功能更强大
创建计数泡沫
弹出列表
可折叠列表
可折叠弹出列表
全宽可折叠列表
创建日历

举例说明


jQuery Mobile的过滤器

创建列表的搜索字段
更改搜索领域内的文本
自定义过滤器
过滤可折叠列表
过滤表
过滤一个<div>元素

举例说明


jQuery Mobile的形式

文本输入框
添加在输入按钮的图标
添加在输入的“清除”按钮
文本区域
搜索输入
单选按钮
复选框
单选按钮组和水平复选框
现场容器用单选按钮和复选框
预先选择单选按钮/复选框
放置形式的弹出窗口中
防止jQuery Mobile的自动样式tappable元素
创建一个选择菜单
创建分频器选择菜单(OPTGROUP)
选择自定义菜单
在Select菜单中的多个选项
集团选择菜单
集团选择菜单水平
缩小选择菜单
预先选择一个选项
弹出的选择
可折叠的形式
更改默认选择图标
更改图标位置
创建一个滑块控件
显示上的滑块按钮的价值
使屏幕作为用户幻灯片上的值弹出
选取曲目到滑块值
范围滑块(双)
创建一个翻转切换开关
更改翻转开关上的文字
预先选择一个翻转开关
风格切换翻转

举例说明


jQuery Mobile的主题

主题为“一”
主题为“B”
主题化页眉和页脚
主题化的对话框
主题化按钮
主题化图标
主题化弹出窗口
在页眉和页脚主题化按钮
主题化导航栏
主题化板
主题化可折叠按钮和内容
主题化列表
主题化拆分按钮
主题化可折叠列表
主题化形式
可折叠的主题化形式
自定义主题

举例说明


jQuery Mobile的活动

点击事件
Taphold事件
刷卡事件
Swipeleft事件
Swiperight事件
scrollstart指示事件
Scrollstop事件
orientationChange事件-警报方向
orientationChange事件-设置不同风格的肖像和风景
页面初始化事件
页面加载事件
网页过渡事件

举例说明