jQuery Mobile基础01----jQuery Mobile-使用jQueryMobile

最新推荐文章于 2024-03-26 11:08:17 发布

zhaihaohao1

最新推荐文章于 2024-03-26 11:08:17 发布

阅读量544

点赞数

分类专栏： jQuery Mobile基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/48948629

版权

jQuery Mobile基础专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!--宽度就是设备的宽度，缩放1.0，表示不缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title></title>
    <!--jquerymobile必须依赖着3个库文件-->
    <script src="jquery-2.1.4.min.js"></script>
    <script src="jquery.mobile-1.4.5.min.js"></script>
    <link href="jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css">
</head>
<body>
   <div data-role="page">
      <div data-role="header" data-position="fixed">
          <h1>这是头部</h1>
      </div>
      <div role="main">
          <p>最近好吗</p>
          <p>最近好吗</p>
          <p>最近好吗</p>
          <p>最近好吗</p>
          <p>最近好吗</p>
          <p>最近好吗</p>
          <p>最近好吗</p>
          <p>最近好吗</p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
          <p>最近好吗>>>>>>>></p>
      </div>
      <div data-role="footer"data-position="fixed">
          <h4>这是底部</h4>
      </div>
  </div>
</body>
</html>

所需要依赖的库文件：
http://download.csdn.net/detail/zhaihaohao1/9160517
jqueryMobile官网：
http://jquerymobile.com/
参考视频：
http://www.jikexueyuan.com/path/html5/

zhaihaohao1

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery Mobile基础01----jQuery Mobile-使用jQueryMobile

html>html>head lang="en"> meta charset="UTF-8"> meta name="viewport" content="width=device-width;initial-scale=1.0"> title>title> script src="jquery-2.1.4.min.js">script>
复制链接

扫一扫