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

来源：互联网发布：iphone6网络不稳定编辑：程序博客网时间：2024/06/06 16:36
<!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/
0 0