網頁文章 javax.portlet.title.56

 

 

手機網頁原始碼

 

 <html>
 <head>
 <title>按鈕應用</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  
 <meta name="viewport" content="width=device-width, initial-scale=1" />
  
  
 <link rel="stylesheet" href="jquery.mobile.min.css" />
 <script type="text/javascript" src="jquery-1.6.4.min.js"></script>
 <script type="text/javascript" src="jquery.mobile.min.js"></script>
 </head>
 <body>
 <div data-role="page">
 <div data-role="header">
 <h1>20131015 課程作業 按鈕應用</h1>
 </div>
 <div data-role="content">
 <p>jQuery Mobile是基於jQuery建立的框架,
 支援iOS、Android、BlackBerry、bada、
 Windows Phone、webOS、Symbian和
 MeeGo的Mobile網頁應用程式開發。</p>
 <a href="#page2" data-role="button">點此觀看姓名</a>
 <a href="#page3" data-role="button">點此觀看學號</a>
 <a href="#page4" data-role="button">點此觀看班級</a>
 </div>
 <div data-role="footer">
 <h1>製作者:楊佳奇,修改者:曾璽</h1>
  
 </div>
 </div>
  
 <div data-role="page" id="page2" data-add-back-btn="true" data-back-btn-text="按此返回首頁" data-theme="c">
 <div data-role="header">
 <h1>姓名</h1>
 </div>
 <div data-role="content">
 <p>姓名:曾璽
      2013/10/15</p>
 </div>
 <div data-role="footer">
 <h1>製作者:楊佳奇,修改者:曾璽</h1>
 </div>
 </div>
  
 <div data-role="page" id="page3" data-add-back-btn="true" data-back-btn-text="按此返回首頁" data-theme="c">
 <div data-role="header">
 <h1>學號</h1>
 </div>
 <div data-role="content">
 <p>學號:10079536</p>
  
 </div>
 <div data-role="footer">
 <h1>製作者:楊佳奇,修改者:曾璽</h1>
 </div>
 </div>
  
 <div data-role="page" id="page4" data-add-back-btn="true" data-back-btn-text="按此返回首頁" data-theme="c">
 <div data-role="header">
 <h1>班級</h1>
 </div>
 <div data-role="content">
 <p>班級:電通三A</p>
  
 </div>
 <div data-role="footer">
 <h1>製作者:楊佳奇,修改者:曾璽</h1>
 </div>
 </div>
  
  
  
 </body>
 </html>