http://203.64.42.73/mobilehtml/10079702/3333.html
<!doctype html>
<html lang="zh-TW">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>第四次作業</title>
<style type="text/css">
.ui-icon-phone-call {
background-image : url(phone_call.gif);}
.ui-icon-phone-on {
background-image : url(phone_on.jpg);}
.ui-icon-phone-silent {
background-image : url(phone_silent.png);}
h3 { color: blue; }
p {font-size: 10pt;}
</style>
<script src="jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="jquery.mobile-1.3.2.min.css" />
<script src="jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div data-role="page" id="home" data-theme="e">
<div data-role="header" data-theme="b">
<h1>第四次作業</h1>
</div>
<div data-role="conten">
<center>
<table border=0>
<td><a href="#page01" data-role="button" data-theme="b"><img src="06.png" height="80" width="80"/>漫威</a></td><tr>
<td><a href="#page02" data-role="button" data-theme="b"><img src="10.png" height="80" width="80"/>鋼鐵人</a></td><tr>
<td><a href="#page04" data-role="button" data-theme="b"><img src="11.png" height="80" width="80"/>星巴克</a></td><tr>
</table>
</center>
</div>
<div data-role="footer" data-theme="b">
<h1>2015@大漢電通系四A林楷庭</h1>
</div>
</div>
</body>
<div data-role="page" id="page01" data-theme="e">
<div data-role="header" data-theme="b">
<h1>第二頁</h1>
</div>
<div data-role="conten">
<center>
<table border=0>
<td><a href="#home" data-role="button" data-theme="b">回首頁</a></td>
</table>
</center>
</div>
<div data-role="footer" data-theme="b">
<h1>2015@大漢電通系四A林楷庭</h1>
</div>
</div>
<div data-role="page" id="page02" data-theme="e">
<div data-role="header" data-theme="b">
<h1>行動網頁第四次作業</h1>
</div>
<div data-role="collapsible" data-theme="a">
<h2>漫威人物介紹</h2>
<ul data-role="listview" data-theme="c">
<li><a href="#page03"><img src="01.png" height="80" width="80"/>美國隊長</a></</li>
<li><a href="#page03"><img src="02.png" height="80" width="80"/>鋼鐵人</a></</li>
<li><a href="#page03"><img src="03.png" height="80" width="80"/>浩克</a></</li>
<li><a href="#page03"><img src="04.png" height="80" width="80"/>鷹眼</a></</li>
<li><a href="#page03"><img src="05.png" height="80" width="80"/>黑寡婦</a></</li>
<li><a href="#page03"><img src="07.png" height="80" width="80"/>雷神索爾</a></</li>
</div>
<div data-role="conten">
<center>
<table border=0>
<td><a href="#home" data-role="button" data-theme="b">回首頁</a></td>
</table>
</center>
</div>
<div data-role="footer" data-theme="b">
<h1>2015@2015@大漢電通系四A林楷庭</h1>
</div>
</div>
<div data-role="page" id="page03" data-theme="e">
<div data-role="header" data-theme="b">
<h1>第二頁</h1>
</div>
<div data-role="conten">
<center>
<table border=0>
<td><a href="#page02" data-role="button" data-theme="b">回上一頁</a></td>
</table>
</center>
</div>
<div data-role="footer" data-theme="b">
<h1>2015@大漢電通系四A林楷庭</h1>
</div>
</div>
<div data-role="page" id="page04" data-theme="e">
<div data-role="header" data-theme="b">
<h1>第二頁</h1>
</div>
<div data-role="conten">
<center>
<a href="http://maps.google.com/maps?z=12&t=m&q=loc:23.9783581,121.5997978&oq=2025+Florence+Avenuechest" data-mini="true" data-role="button" data-inline="true" data-theme="e">Google導航</a>
<iframe src="http://www.starbucks.com.tw/stores/storesearch/storemap.htm?addr=%E8%8A%B1%E8%93%AE%E7%B8%A3%E8%8A%B1%E8%93%AE%E5%B8%82%E5%92%8C%E5%B9%B3%E8%B7%AF581%E8%99%9F" width="500" height="400"></iframe>
<table border=0>
<td><a href="#home" data-role="button" data-theme="b">回上一頁</a></td>
</table>
</center>
</div>
<div data-role="footer" data-theme="b">
<h1>2015@大漢電通系四A林楷庭</h1>
</div>
</div>
</html>
< 虛擬機 >
< QR code產生器 >