黑马程序员技术交流社区

标题: 武汉校区独家分享:jQuery Mobile 快速入门 [打印本页]

作者: 武汉分校-小舞    时间: 2016-3-15 10:11
标题: 武汉校区独家分享:jQuery Mobile 快速入门
本帖最后由 武汉分校-小舞 于 2016-3-15 13:53 编辑

【武汉校区】技术分享:jQuery Mobile 快速入门

        jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQueryMobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。
       此框架简单易用。页面开发主要使用标记,无需或仅需很少 JavaScript

什么是 jQuery Mobile?
jQuery Mobile 是一个为触控优化的框架,用于创建移动 web 应用程序。
jQuery 适用于所有流行的智能手机和平板电脑

jQuery Mobile 构建于 jQuery 库之上,这使其更易学习,如果您通晓jQuery 的话。
它使用 HTML5、CSS3、JavaScript 和 AJAX 通过尽可能少的代码来完成对页面的布局。

   这个页面是一个使用Jquery Mobile设定了固定定位的头部栏和尾部栏的实例。页面的文档流是正常的,让我们能够正常的布局文档,而不用通过脚本写。头部栏和尾部栏在文档流中的正常位置,但是当他们被滚动出屏幕后,你可以通过点击屏幕,使他们重新出现。再次点击或者滚动屏幕会使他们重新出现在文档流中(在顶部或底部)
<meta name="viewport" content="width=device-width,initial-scale=1">  适配设备
<div data-role="page">
<div data-role="header" data-position="fixed">
  <h1>这个是网页顶部</h1>
</div>
<div data-role="content">
</div>   
<div data-role="footer" data-position="fixed">
  <h1>这个是网页底部</h1>
</div>
</div>
我们可以data-role="page" 定义当前div 的在的在html 所充当的角色是页面.
data-role="header"  定义网页 的头部
data-role="content"  定义网页的内容

data-role="footer"  定义网页底部

想最快获最新技术分享请加QQ  1641907557 ,后期会分享更多与实体班同步教程,助你冲击月薪20K




推荐阅读:

黑马程序员Android实体班同步项目Demo源码汇总,挑战月薪20K!
《【武汉校区】Java/Android实体班同步笔记+配套面试/项目宝典》



作者: lq229190730    时间: 2016-3-15 12:51
刚从武汉过来北京学 武汉就开课程了0.0
作者: 岳鹏举    时间: 2016-3-17 14:43
页面开发主要使用标记 学习




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2