| <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> |
| |
|