Html5+jQuery Mobile开发手机端网站感想与总结-(初)
来源:互联网 发布:脱发不光头知乎 编辑:程序博客网 时间:2024/05/17 09:25
看jQuery Mobile相关方面的东西,看了几天,发现,其实除了里边默认的图标、主题、以及点击后跳转的效果之外,其他的东西,和普通的html页面一样。
jQuery Mobile注意事项:
1、新的页面开始,标注:data-role=“page”
2、页面中的角色:data-role=“header”,其中的header、footer、navbar等,对应的css中,均为:ui-header、ui-footer、ui-navbar等。
3、页面中的图标,若想要自定义图标,则需要定义一个其他的data-icon的值,例如:页面中就可以这样写 data-icon="send-msg",css文件中,需要我们定义:ui-icon-send-msg{ background:url(../images/msg16.png);}
相当于ui-icon-加上你指定的data-icon就是对应css中的class值。
4、页面链接同html一样。
5、其他的样式修改,就很繁琐了,需要多次检查,因为一个地方的样式修改可能会牵扯很多地方的变动。
0 0
- Html5+jQuery Mobile开发手机端网站感想与总结-(初)
- 使用 jQuery Mobile 与 HTML5 开发 listView样式总结
- 使用 jQuery Mobile 与 HTML5 开发 Web App(十四) —— jQuery Mobile 方法上
- 使用 jQuery Mobile 与 HTML5 开发 Web App(十三) —— jQuery Mobile 方法下
- 使用 jQuery Mobile 与 HTML5 开发 Web App(十一) —— jQuery Mobile 事件详解
- 使用 jQuery Mobile 与 HTML5 开发 Web App(二) —— jQuery Mobile 基础
- 使用 jQuery Mobile 与 HTML5 开发 Web App(三)—— jQuery Mobile 按钮
- 使用 jQuery Mobile 与 HTML5 开发 Web App(四) —— jQuery Mobile 表单上
- 使用 jQuery Mobile 与 HTML5 开发 Web App(五) —— jQuery Mobile 表单下
- 使用 jQuery Mobile 与 HTML5 开发 Web App(六) —— jQuery Mobile 内容格式
- 使用 jQuery Mobile 与 HTML5 开发 Web App(七) —— jQuery Mobile 列表
- 使用 jQuery Mobile 与 HTML5 开发 Web App(八) —— jQuery Mobile 工具栏
- HTML5+JS手机web开发之jQuery Mobile
- HTML5+JS手机web开发之jQuery Mobile初涉
- HTML5+JS手机web开发之jQuery Mobile初涉
- HTML5+JS手机web开发之jQuery Mobile初涉
- jquery mobile + html5 手机app表单跨域提交实例(手机app开发html5 juqery moblie phonegap系列一)
- 【精品资源】mobile微商城、webAPP手机网站、基于HTML5+CSS3移动端web开发!!!
- JAVA HttpURLConnection超时处理
- Xcode5修改工程名称
- Android开源项目分类汇总
- Oatdump 反编译过程分析
- 安卓五大布局,LinearLayout,FrameLayout,AbsoluteLayout,RelativeLayout,TableLayout
- Html5+jQuery Mobile开发手机端网站感想与总结-(初)
- ABB机器人的错误处理
- 第九周项目1.3 求1000以内所有偶数的和(for语句)
- mapserver6.4的cmake格式
- setAdapter空指针异常
- Mysql与Oracle区别
- 黑马程序员---Foundation常用类之NSSet/NSMutableSet
- 1-9-3 - 星号图f
- php 获取月第一天和最后一天