PhoneGap学习第一讲

原创
2014/09/24 22:16
阅读数 10

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web</title>
<link href="css/jquery.mobile.structure-1.3.2.css" rel="stylesheet" type="text/css"/>
<link href="css/jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
</head>

<body>
<div data-role="page" id="page">
  <div data-role="header" data-theme="b">
    <h1>第一页</h1>
  </div>
  <div data-role="content"> 这里显示内容
    <form>
      <button>Button</button>
      <input type="button" value="Input"/>
      <input type="submit" value="Submit"/>
      <input type="reset" value="Reset"/>
      <a href="#" data-role="button">LingButton</a>
    </form>
    
     <a href="#" data-role="button" data-inline="true">内联按钮</a>
     <a href="#" data-role="button" data-inline="false">外联按钮,默认外联</a>
     <br>
     <a href="#" data-role="button" data-theme="a" data-inline="true">A</a>
      <a href="#" data-role="button" data-theme="b" data-inline="true">B</a>
       <a href="#" data-role="button" data-theme="c" data-inline="true">C</a>
        <a href="#" data-role="button" data-theme="d" data-inline="true">D</a>
         <a href="#" data-role="button" data-theme="e" data-inline="true">E</a>
         ---------------------<br>
         <a href="#" data-role="button"  data-mini="true" data-inline="true">canle</a>
         <br>
         <a href="#" data-role="button"  data-mini="true" >canle</a>
         <br>
         <a href="#" data-role="button" data-inline="true"  data-iconpos="notext" data-icon="arrow-d"></a>
          <div data-role="controlgroup" >
         <a href="#" data-role="button">TimeLine</a>
         <a href="#" data-role="button">Mentions</a>
         <a href="#" data-role="button">Retweets</a>
         </div>
         <br>
         <div data-role="controlgroup" data-type="horizontal">
         <a href="#" data-role="button">TimeLine</a>
         <a href="#" data-role="button">Mentions</a>
         <a href="#" data-role="button">Retweets</a>
         </div>
          <br>
         <div data-role="controlgroup" data-type="horizontal" data-mini="true">
         <a href="#" data-role="button">TimeLine</a>
         <a href="#" data-role="button">Mentions</a>
         <a href="#" data-role="button">Retweets</a>
         </div>
  </div>
  <div data-role="footer">
    <h4>底部</h4>
  </div>
</div>
</body>
</html>


展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部