jQuery Mobile 工具栏
来源:互联网 发布:淘宝大兴宠物怎么样 编辑:程序博客网 时间:2024/05/21 19:31
页眉栏:通常包含标题/Logo,或一到两个按钮
2个按钮时,会自动分列两侧
1个按钮时,会默认位于左侧
会自动居中
可设定按钮位置:class="ui-btn-right"
e.g.
<div data-role="header">
<h1>主页</h1> //自动居中
<a href="#" data-role="button" class="ui-btn-right">搜索</a>
</div>
页脚栏:具伸缩性,能包含所需数量的按钮
居中: class="ui-btn"
可以在页脚中组合按钮:data-role="controlgroup" data-type="horizontal |vertical"
e.g.
<div data-role="footer" class="ui-btn">
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button" data-icon="plus" >button1</a>
<a href="#" data-role="button" data-icon="minus" >button2</a>
<a href="#" data-role="button">button3</a>
</div>
</div>
定位页眉和页脚:(三种方式)
inline:位于行内(默认) data-position="inline"
fixed:固定置于项部和底部 data-position="fixed" (触摸屏幕可切换页眉页脚的隐藏和显示)
fullscreen:与fixed类似,同时,页眉页脚可呈透明显示 (触摸屏幕可切换页眉页脚的隐藏和显示) -对于照片,图像和视频非常理想
data-position="fixed" data-fullscreen="true"
e.g.
<div data-role="header" data-position="fixed" data-fullscreen="true"></div>
<div data-role="footer" data-position="fixed" data-fullscreen="true"></div>
- jQuery Mobile 工具栏
- jQuery Mobile 工具栏
- jQuery Mobile 工具栏
- 自定义jQuery Mobile工具栏按钮
- [ Talk is Cheap Show me the CODE ] : jQuery Mobile工具栏
- jQuery Mobile中固定工具栏header、footer的data-*选项
- jQuery Mobile的学习 jQuery Mobile工具栏、标题栏、页脚栏的定位学习
- 使用 jQuery Mobile 与 HTML5 开发 Web App —— 08 jQuery Mobile 工具栏
- 使用 jQuery Mobile 与 HTML5 开发 Web App(八) —— jQuery Mobile 工具栏
- jQuery Mobile
- jQuery Mobile
- JQUERY MOBILE
- jQuery Mobile
- jquery mobile
- jQuery Mobile
- jQuery Mobile
- jquery mobile
- jQuery Mobile
- 不错的linux常用命令
- CALayer使用3
- Python发送GET和POST请求
- vi vim命令
- SMP3.0学习笔记之十七 与非SAP后端系统集成之SOAP WebServices篇
- jQuery Mobile 工具栏
- 配置android开发环境
- SMP3.0学习笔记之十八 实现GCM的消息推送
- ios 面试题
- CSS入门四
- SMP3.0学习笔记之十九 使用REST API在任何操作系统上消费SMP的OData服务
- C++语言笔记系列之五——引用(&)和this指针详解
- 如何双击就以管理员身份运行批处理
- TP 数据库还原