溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet"
href="../../../ui/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet"
href="../../../ui/jquery.mobile-1.4.5/jquery.mobile-1.4.5.css">
<script src="../../../ui/jquery.mobile-1.4.5/js/jquery.js"></script>
<script src="../../../ui/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel="stylesheet" type="text/css"
href="../../../ui/main/css/style.css" />
<script type="text/javascript"
src="../../../ui/main/js/jquery-1.8.0.min.js"></script>
<title>項目</title>
</head>
<body>
<div data-role="page">
<script type="text/javascript">
function getDown() {
var gundong = document.getElementsByClassName("gundong");
var L = gundong.length;
var show = 1;
for ( var i = 0; i < L; i++) {
if (gundong[i].style.display == 'block') {
show = i;
break;
}
}
if (show + 3 < L) {
gundong[show].style.display = 'none';
gundong[show + 3].style.display = 'block';
}
}
function getUp() {
var gundong = document.getElementsByClassName("gundong");
var L = gundong.length;
var show = 1;
for ( var i = 0; i < L; i++) {
if (gundong[i].style.display == 'block') {
show = i;
break;
}
}
if (show - 1 >= 0 && show + 3 <= L) {
gundong[show - 1].style.display = 'block';
gundong[show + 2].style.display = 'none';
}
}
</script>
<style type="text/css">
ul {
float: left;
text-align: center;
width: 100%;
}
li {
float: left;
width: 27%;
}
a {
width: 80%;
}
#q {
position: fixed;
}
.ul {
width: 100%;
margin-left: 3%;
}
.li {
width: 100%;
}
.required {
color: red;
padding-left: 5px;
}
</style>
<div data-role="header" data-position="fixed" data-theme="b">
<h2>莊園項目</h2>
<a href="../main.html" data-icon="back" data-iconpos="notext">Back</a>
<a href="#opt-panel" data-icon="gear" data-iconpos="notext">Options</a>
</div>
<div data-role="ui-content">
<div data-role="tabs" id="tabs">
<div data-role="controlgroup" data-type="horizontal">
<ul>
<li ><input type='button' onclick="getUp()"
value="<"></li>
<li class="gundong" id="liudong" ><a
href="#one" data-role="button">健康體檢</a></li>
<li class="gundong" id="liudong" ><a
href="#two" data-role="button">美容抗衰</a></li>
<li class="gundong" id="liudong" ><a
href="#three" data-role="button">口腔健康</a></li>
<li class="gundong" id="liudong" ><a
href="#four" data-role="button">功能醫學</a></li>
<li class="gundong" id="liudong" ><a
href="#five" data-role="button">康復療養</a></li>
<li ><input type='button'
value=">"></li>
</ul>
</div>
<hr>
<div id="one">
<div>
<ul data-role="listview" class="ul">
<li class="li"><a
href="../health/detail.html"><span class="required">* </span>體檢套餐</a></li>
<li class="li"><a href="#"><span
class="required">* </span>健康之旅</a></li>
<li class="li"><a href="#"><span
class="required">* </span>健康管理計劃</a></li>
<li class="li"><a href="#"><span
class="required">* </span>基因檢測</a></li>
<li class="li"><a href="#"><span
class="required">* </span>中醫檢測</a></li>
<li class="li"><a href="#"><span
class="required">* </span>體能檢測</a></li>
<li class="li"><a href="#"><span
class="required">* </span>心里檢測</a></li>
<li class="li"><a href="#"><span
class="required">* </span>營養評估</a></li>
</ul>
</div>
</div>
<div id="two">
<div>
<ul data-role="listview" class="ul">
<li class="li"><a href="#"><span
class="required">* </span>光子嫩膚</a></li>
<li class="li"><a href="#"><span
class="required">* </span>冰點脫毛</a></li>
<li class="li"><a href="#"><span
class="required">* </span>果酸換膚</a></li>
<li class="li"><a href="#"><span
class="required">* </span>玻糖酸</a></li>
<li class="li"><a href="#"><span
class="required">* </span>保妥適</a></li>
</ul>
</div>
</div>
<div id="three">
<div>
<ul data-role="listview" class="ul">
<li class="li"><a href="#"><span
class="required">* </span>口腔種植</a></li>
<li class="li"><a href="#"><span
class="required">* </span>超薄貼面</a></li>
<li class="li"><a href="#"><span
class="required">* </span>無痛潔牙</a></li>
<li class="li"><a href="#"><span
class="required">* </span>牙齒矯正</a></li>
</ul>
</div>
</div>
<div id="four">
<ul data-role="listview" class="ul">
<li class="li"><a href="#"><span
class="required">* </span>功能醫學</a></li>
<li class="li"><a href="#"><span
class="required">* </span>荷爾蒙療法</a>
</ul>
</div>
<div id="five">
<ul data-role="listview" class="ul">
<li class="li"><a href="#"><span
class="required">* </span>運動康復</a></li>
<li class="li"><a href="#"><span
class="required">* </span>度假療養</a>
<li class="li"><a href="#"><span
class="required">* </span>康復套餐</a>
</ul>
</div>
</div>
</div>
<div data-role="footer" data-position="fixed" data-theme="b"></div>
</div>
</body>
</html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
