examination.html 10.7 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/navigator.css" />
<link rel="stylesheet" type="text/css" href="css/navigator.iscroll.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/sroll/zepto.js"></script>
<script type="text/javascript" src="js/sroll/zepto.extend.js"></script>
<script type="text/javascript" src="js/sroll/zepto.ui.js"></script>
<script type="text/javascript" src="js/sroll/zepto.iscroll.js"></script>
<script type="text/javascript" src="js/sroll/widget/navigator.js"></script>
<script type="text/javascript" src="js/sroll/widget/navigator.iscroll.js"></script>
<title>上门体检</title>
<script>
 function tab(pid){
  var tabs=["tab1","tab2","tab3","tab4","tab5"];
  for(var i=0;i<5;i++){
	  if(tabs[i]==pid){
		  var div = document.getElementById(tabs[i]);
			div.setAttribute("class", "block exammg"); 
		  }else{
		  var div = document.getElementById(tabs[i]);
			div.setAttribute("class", "none exammg"); 
			  }
  }
 }
 </script>
<style>
#tab2,#tab3,#tab4,#tab5{
	display:none;
	}
.cur{
	border-bottom: 0.02rem solid #d8b25f;
    color: #d8b25f !important;
    padding-bottom: 0.13rem;
	}
.block{
	display:block !important;
	}
.none{
	display:none !important;
	}
.corigt p{
	text-overflow: ellipsis;
	overflow: hidden;
	width: 4rem;
	white-space: nowrap;
}
.exammg ul li{
	height: 2rem;
	display: flex;
	align-items: center;
}
</style>
</head>

<body>
<div class="header center">
	<div class="left back"><a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg"/></a></div>
    <div class="headertext">上门体检</div>
    <div class="banner"><img src="images/exambanner_02.jpg"/></div>
</div>

<div class="capart1">
	<div class="minbox">
    	<div class="examnav" id="nav-smartSetup">
        	<ul>
            	<li><a onclick="tab('tab1')"  href="#">特惠产品</a></li>
                <li><a onclick="tab('tab2')"  href="#">肿瘤检测</a></li>
                <li><a onclick="tab('tab3')"  href="#">基因检测</a></li>
                <li><a onclick="tab('tab4')"  href="#">健康体检</a></li>
                <li><a onclick="tab('tab5')"  href="#">好孕妇儿</a></li>
            </ul>
        </div>
        <script type="text/javascript">
			(function () {
				/*组件初始化js begin*/
				$('#nav-smartSetup').navigator();    //smart setup方式创建 推荐方式
			})();
		</script>
        <div class="exammg" id="tab1">
        	<ul>
            	<li>
                <a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...

</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥500<span class="through">¥900</span></p>
                </div>
                </li>
                
                <li>
                <a href="#"><img src="images/examli_06.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>结直肠癌基因早筛</span><p>肠道健康才能常健康,中国每年新发病例高达...</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥3000<span class="through">¥6000</span></p>
                </div>
                </li>
                
                <li>
                <a href="#"><img src="images/examli_08.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>产前筛查</span><p>更准确、安全的产前检查,有效降低异常患儿...</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥1700<span class="through">¥2500</span></p>
                </div>
                </li>
                
                <li>
                <a href="#"><img src="images/examli_10.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>小儿微量元素检测</span><p>反映短时间内身体微量元素状况,预防微量元...</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥150<span class="through">¥220</span></p>
                </div>
                </li>
                
                <li>
                <a href="#"><img src="images/examli_12.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>女士精选13项易感肿瘤基因检测</span><p>全面关爱幸福一家</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥1900<span class="through">¥3700</span></p>
                </div>
                </li>
                
                <li>
                <a href="#"><img src="images/examli_14.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>应酬族系列</span><p>智享健康护全家</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥850<span class="through">¥1700</span></p>
                </div>
                </li>
                
                <li>
                <a href="#"><img src="images/examli_16.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>男士精选10项易感肿瘤基因检测</span><p>指导改善肺功能训练、提高健康质量</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥1900<span class="through">¥3700</span></p>
                </div>
                </li>
            </ul>
        </div>
        
        <div class="exammg" id="tab2">
        	<ul>
            	<li>
                <a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...

</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥500<span class="through">¥900</span></p>
                </div>
                </li>
            </ul>
        </div>
        
        <div class="exammg" id="tab3">
        	<ul>
            	<li>
                <a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...

</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥500<span class="through">¥900</span></p>
                </div>
                </li>
            </ul>
        </div>
        
        <div class="exammg" id="tab4">
        	<ul>
            	<li>
                <a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...

</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥500<span class="through">¥900</span></p>
                </div>
                </li>
            </ul>
        </div>
        
        <div class="exammg" id="tab5">
        	<ul>
            	<li>
                <a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
                <div class="corigt left">
                	<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...

</p></a>
                <p class="minute">
                	<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
                    <span><img src="images/mindate_03.jpg">10-15个工作日</span>
                </p>
                <p class="price">¥500<span class="through">¥900</span></p>
                </div>
                </li>
            </ul>
        </div>
    </div>
</div>





</body>