溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

jquerymobile

發(fā)布時(shí)間：2020-06-03 13:57:21 來(lái)源：網(wǎng)絡(luò) 閱讀：333 作者：4586558899 欄目：web開(kāi)發(fā)

<!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>項(xiàng)目</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>莊園項(xiàng)目</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">功能醫(yī)學(xué)</a></li>

<li class="gundong" id="liudong" ><a

href="#five" data-role="button">康復(fù)療養(yǎng)</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">*&nbsp;</span>體檢套餐</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>健康之旅</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>健康管理計(jì)劃</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>基因檢測(cè)</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>中醫(yī)檢測(cè)</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>體能檢測(cè)</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>心里檢測(cè)</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>營(yíng)養(yǎng)評(píng)估</a></li>

</ul>

</div>

</div>

<div id="two">

<div>

<ul data-role="listview" class="ul">

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>光子嫩膚</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>冰點(diǎn)脫毛</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>果酸換膚</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>玻糖酸</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>保妥適</a></li>

</ul>

</div>

</div>

<div id="three">

<div>

<ul data-role="listview" class="ul">

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>口腔種植</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>超薄貼面</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>無(wú)痛潔牙</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>牙齒矯正</a></li>

</ul>

</div>

</div>

<div id="four">

<ul data-role="listview" class="ul">

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>功能醫(yī)學(xué)</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>荷爾蒙療法</a>

</ul>

</div>

<div id="five">

<ul data-role="listview" class="ul">

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>運(yùn)動(dòng)康復(fù)</a></li>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>度假療養(yǎng)</a>

<li class="li"><a href="#"><span

class="required">*&nbsp;</span>康復(fù)套餐</a>

</ul>

</div>

 

</div>

</div>

<div data-role="footer" data-position="fixed" data-theme="b"></div>

 

</div>

</body>

</html>


向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手