使用jquery mobile 建设时髦的手机

使用jquery mobile 建设时髦的手机

ID:13051811

大小:2.51 MB

页数:31页

时间:2018-07-20

使用jquery mobile 建设时髦的手机_第1页
使用jquery mobile 建设时髦的手机_第2页
使用jquery mobile 建设时髦的手机_第3页
使用jquery mobile 建设时髦的手机_第4页
使用jquery mobile 建设时髦的手机_第5页
资源描述:

《使用jquery mobile 建设时髦的手机》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、jQueryMobile构建时髦的手机Web网站WinterLauhttp://my.oschina.net/javayou内容手机网站(新旧对比)jQueryMobile简单介绍一个最简单的jQueryMobile网页使用jQueryMobile开发手机网站jQueryMobile支持的设备jQueryMobile的不足jQueryMobile认知jQueryMobile不是jQuery的移动版本jQueryMobile是一个jQuery的插件jQueryMobile的大小(最小化)jQuery1.6.2(90k

2、) jQueryMobileCSS(44k) jQueryMobileJS(71K) img(<10k)jQueryMobile的作用可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。JM开发的web应用像NativeAppJM包含Web应用中的各种常用部件对话框、表单、列表、按钮、工具条等使用Ajax加载页面,实现炫丽的页面切换效果jQueryMobile关键特点基于jQuery兼容主流的手机浏览器和桌面浏览器体积小,压缩后20K左右HTML5风格的配置页面自动初始化,通过data-role属性自动对页

3、面部件进行初始化触摸屏和鼠标事件支持丰富的UI部件可扩展的页面样式框架编写JqueryMobile页面从HelloHTML5开始HelloHTML5一个最基本的jQueryMobile页面:HelloHTML5

4、http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css"/>

5、

HelloHTML5

Pagecontentgoeshere.

©开源中国社区

6、>页面运行结果data-role=headerdata-role=contentdata-role=footer1.data-role=“page”是可选的(从1.0b2开始) 2.上述三个元素并非必须3.一个页面可以有多个date-role=“page”并使用id来进行标识以及导航例如SecondJM的链接处理方式默认的链接行为:Ajax加载显示(loading…)以下方式禁用Ajax加载链接ref=‘exte

7、rnal’ data-ajax=‘false’ target=‘xxx’返回链接data-rel=‘back’其他链接mailto:xxxx@xxxx.com tel:15555555555 wtai://wp/mc;15555555555 dc:234*234*234JM内置的6种页面主题引入主题的方式:JM的工具栏/导航条在jQueryMobile中,有两种标准类型的工具栏:Headerbar充当页面标题的作用,通常是mobilepage中的

8、第一个元素,一般包含有一个页面标题和两个按钮。Footerbar通常是最后一个元素,相比于header在内容和功能上面更加自由,但是一般包含一些文字和按钮。导航条:

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签