20131105 期中作業 20131105 期中作業
手機網頁原始碼 手機網頁原始碼

 <!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="page4" data-add-back-btn="true" data-back-btn-text="上一頁" data-theme="d">
<div data-role="header" data-theme="e">
<h1>20131105 課程作業</h1>
</div>
<div data-role="content" data-theme="d" id="content1">
<div data-role="collapsible-set">
<div data-role="collapsible" data-theme="b" >
<h3>家樂福 - 花蓮分店</h3>
<table width="100%" border="0" cellpadding="10" id="table1">
<tr>
<td>
<p>商店名稱:家樂福<br>
<br>
電話:<a href="wtai://wp/mc;038267979">(03)826-7979</a><br>
<br>
傳真: (03)826-2866 <br>
<br>
地址:花蓮縣新城鄉嘉里路15號B1<br>
</p>
<center>
<a href="http://www.carrefour.com.tw/" data-mini="true" data-role="button" data-inline="true" data-theme="e">商店介紹</a>
<a href="https://maps.google.com/maps?z=12&t=m&q=loc:24°0'54+121°36'35&oq=2025+Florence+Avenuechest" data-mini="true" data-role="button" data-inline="true" data-theme="e">商店導航</a>
</center>
</td>
</tr>
</table>
</div>
    
<div data-role="collapsible" data-theme="b" data-collapsed="true">
<h3>愛買量販店 - 花蓮分店</h3>
<table width="100%" border="0" cellpadding="10" id="table1">
<tr>
<td>
<p>商店名稱:愛買量販店<br>
<br>
電話:<a href="wtai://wp/mc;0800018688">0800-018-688</a><br>
<br>
地址:花蓮市和平路581號B1<br>
</p>
<center>
<a href="http://www.fe-amart.com.tw/" data-mini="true" data-role="button" data-inline="true" data-theme="e">商店介紹</a>
<a href="https://maps.google.com.tw/maps?q=%E8%8A%B1%E8%93%AE%E5%B8%82%E5%92%8C%E5%B9%B3%E8%B7%AF581%E8%99%9FB1&oe=UTF-8&ie=UTF-8&ei=mJN4UszYM43YlQWVi4HwAw&ved=0CAoQ_AUoAg" data-mini="true" data-role="button" data-inline="true" data-theme="e">商店導航</a>
</center>
</td>
</tr>
</table>
</div>
    
<div data-role="collapsible" data-theme="b" data-collapsed="true">
<h3>三商百貨 - 花蓮分店</h3>
<table width="100%" border="0" cellpadding="10" id="table1">
<tr>
<td>
<p>商店名稱:三商百貨<br>
<br>
電話:<a href="wtai://wp/mc;038347302">03-8347302</a><br>
<br>
地址:花蓮市中正路530號<br>
 
</p>
<center>
<a href="http://www.e33.com.tw/" data-mini="true" data-role="button" data-inline="true" data-theme="e">商店介紹</a>
<a href="https://maps.google.com.tw/maps?hl=zh-TW&q=%E8%8A%B1%E8%93%AE%E5%B8%82%E4%B8%AD%E6%AD%A3%E8%B7%AF530%E8%99%9F&ie=UTF-8&ei=bZZ4UrOIKYbQlAX1sICAAQ&ved=0CAoQ_AUoAg" data-mini="true" data-role="button" data-inline="true" data-theme="e">商店導航</a>
</center>
</td>
</tr>
</table>
</div>
    
</div>  <!-- set -->        
    </div>  <!--content-->
<div data-role="footer" data-theme="b">
    <div data-role="navbar">
      <ul>
        <li><a href="#" data-icon="home">首頁</a></li>
        <li><a href="#" data-icon="search">搜尋</a></li>
<li><a href="#" data-icon="gear"">工具</a></li>
        <li><a href="#" data-icon="refresh">重新整理</a></li>
 
 
        <li><a href="#about" 
               data-transition="pop" 
               data-icon="info">關於</a></li>
      </ul>
    </div>
  </div
</div> <!--page-->
 
 
 
 
</body>
</html>