網頁文章 javax.portlet.title.56

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產生器 >