Toggle navigation

jQueryMobile 实例


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"主题头部、内容和尾部主题对话框主题按钮主题图标头部和尾部的主题按钮主题导航栏主题可折叠按钮和内容主题列表主题分割按钮主题可折叠列表主题表单主题可折叠表单自定义主题

实例解释


jQuery Mobile 触摸事件

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

实例解释