<!DOCTYPE html>
<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>學號:10079517</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>