<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Restaurant Picker</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile.structure-1.0.1.css" />
<link rel="apple-touch-icon" href="images/launch_icon_57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/launch_icon_72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/launch_icon_114.png" />
<link rel="stylesheet" href="jquery.mobile-1.0.1.css" />
<link rel="stylesheet" href="custom.css" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div id="choisir_ville" data-role="page" data-add-back-btn="true">
<div data-role="header">
<h1> Restaurant Picker</h1>
</div>
<div data-role="content">
<div class="choice_list">
<h1> In which town do you want to eat? </h1>
<ul data-role="listview" data-inset="true" data-filter="true" >
<li><a href="choose_restaurant.html" data-transition="slidedown"> Amiens <span class="ui-li-count" > 3 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown"> Bastia <span class="ui-li-count" > 2 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown"> Belfort <span class="ui-li-count" > 5 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown"> Bordeaux <span class="ui-li-count" > 1</span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Carcassonne <span class="ui-li-count" > 2</span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Dijon<span class="ui-li-count" > 2</span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Epinal <span class="ui-li-count" > 10 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Grenoble <span class="ui-li-count" > 8 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Laval <span class="ui-li-count" > 1 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Le Havre <span class="ui-li-count" > 3 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Lille <span class="ui-li-count" > 2 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Le Mans <span class="ui-li-count" > 4 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Lyon <span class="ui-li-count" > 6 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Marseille <span class="ui-li-count" > 2 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Mulhouse <span class="ui-li-count" > 1 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Nancy <span class="ui-li-count" > 5 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Nice <span class="ui-li-count" > 1 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Paris <span class="ui-li-count" > 3 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Rennes <span class="ui-li-count" > 8 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Rouen <span class="ui-li-count" > 5 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Strasbourg <span class="ui-li-count" > 3 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Toulon <span class="ui-li-count" > 5 </span></a> </li>
<li><a href="choose_restaurant.html" data-transition="slidedown">Toulouse <span class="ui-li-count" > 2 </span></a> </li>
</ul>
</div>
</div>
</div><!-- /page -->
</body>
</html>
jquery mobile 餐厅实例
5星 · 超过95%的资源 需积分: 9 142 浏览量
2013-11-22
17:09:23
上传
评论 2
收藏 413KB RAR 举报 
restaurant_picker.rar （41个子文件） 
restaurant_picker images 
icons-36-white.png 4KB icons-18-white.png 2KB pagination.png 6KB launch_icon_72.png 9KB launch_icon_57.png 7KB header_logo.png 5KB ajax-loader.png 366B bg.png 7KB icons-18-black.png 2KB maps.png 1KB launch_icon_114.png 19KB phone.png 1KB logo.png 66KB header_bg.png 3KB icons-36-black.png 4KB
restau03_mini.jpg 7KB
choix_restau.html 2KB restau01.jpg 29KB choose_town.html 4KB
jquery.mobile.structure-1.0.1.css 32KB index.html 2KB js jquery-1.7.1.min.js 92KB jquery.mobile-1.0.1.js 223KB addstarscript.js 403B jquery.mobile-1.0.1.min.js 82KB tradi.jpg 7KB restau05i.jpg 30KB restau04_mini.jpg 6KB burger.jpg 6KB choose_restaurant.html 2KB jquery.mobile-1.0.1.css 83KB restau02_mini.jpg 5KB kebap.jpg 6KB custom.css 5KB nems.jpg 4KB sushis.jpg 6KB restau01_mini.jpg 5KB pizza.jpg 7KB 01_maps.jpg 23KB restaurant.html 3KB restau05_mini.jpg 6KB
- 1
- 2
前往页