作者 LIAO

2018 7 / 3 14:58

... ... @@ -38,6 +38,11 @@ body{
text-align:right !important;
}
.footer{
width:100%;
position:fixed;
z-index:20;
bottom:0;
left:0;
background-color:#fff;
}
.footer ul li{
... ...
/*index.html*/
body{
/*padding:1.25rem 0 1rem 0;*/
}
.head{
position:fixed;
top:0;
left:0;
width:100%;
min-height:1.25rem;
line-height:1.25rem;
background-color:#d8b25f;
z-index:20;
}
.htitle{
font-size:0.4rem;
... ... @@ -1481,7 +1489,7 @@ section {
background-color:#fff;
margin-top:0.15rem;
display:inline-block;
width:7.2rem;
/*width:7.2rem;*/
}
.ordernum{
font-size:0.2rem;
... ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!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/style.css" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/health.css">
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-1.2.6.min.js"></script>
<script src="js/t.js"></script>
<script language="javascript">
function show(){
with(document.getElementById('aa').style){
display=="block"&&(display="none")||(display="block")
}
}
window.onload = function(){
var current = 0;
document.getElementById('target').onclick = function(){
current = (current+45)%360;
this.style.transform = 'rotate('+current+'deg)';
}
};
setInterval("onclick()",10000);
function onclick(){
$("ul.jcarouseLiteNav li.next").click();
}
</script>
<style>
.c-dropdown__list1 {
padding: 6px 0;
list-style: none;
position: absolute;
top: 110%;
left: 0;
width: 100%;
display:none;
border-radius: 3px;
background: #fff;
-webkit-transition: opacity .25s linear, top .25s linear;
transition: opacity .25s linear, top .25s linear;
}
.inshare {
margin: 0.3rem 0.3rem 0rem 0rem;
}
.smalltop img{
width: 0.11rem;
position: relative;
top: -17px;
left: 125px;
}
.part2 a img{
width: 7.5rem;
}
.part3 ul{
width: 7.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.part3 ul li{
/*height: 4.5rem;*/
overflow: hidden;
}
</style>
<title>首页</title>
<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/style.css"/>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/health.css">
<script src="js/jquery-1.2.6.min.js"></script>
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/t.js"></script>
<script language="javascript">
function show() {
with (document.getElementById('aa').style) {
display == "block" && (display = "none") || (display = "block")
}
}
window.onload = function () {
var current = 0;
document.getElementById('target').onclick = function () {
current = (current + 45) % 360;
this.style.transform = 'rotate(' + current + 'deg)';
}
};
setInterval("onclick()", 10000);
function onclick() {
$("ul.jcarouseLiteNav li.next").click();
}
</script>
<style>
.c-dropdown__list1 {
padding: 6px 0;
list-style: none;
position: absolute;
top: 110%;
left: 0;
width: 100%;
display: none;
border-radius: 3px;
background: #fff;
-webkit-transition: opacity .25s linear, top .25s linear;
transition: opacity .25s linear, top .25s linear;
}
.inshare {
margin: 0.3rem 0.3rem 0rem 0rem;
}
.smalltop img {
width: 0.11rem;
position: relative;
top: -17px;
left: 125px;
}
.part2 a img {
width: 7.5rem;
}
.part3 ul {
width: 7.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.part3 ul li {
/*height: 4.5rem;*/
overflow: hidden;
}
</style>
<title>首页</title>
</head>
<body>
<div class="head center">
<div class="left address"><a href="#"><img src="images/address_03.png"/></a>北京</div>
<div class="left address"><a href="#"><img src="images/address_03.png"/></a>北京</div>
<div class="htitle" style="left:0.25rem;">慈界医养</div>
<div class="right inshare">
<div class="c-dropdown js-dropdown" id="gg" >
<span class="c-button c-button--dropdown" ><a href="#" onclick="show();"><img src="images/share.png" id ="target"/></a></span>
<ul id="aa" class="c-dropdown__list1" >
<div class="smalltop"><img src="images/oi.png"/></div>
<li class="c-dropdown__item"><a href="#"><img src="images/dingdan.png"/>我的订单</a></li>
<li class="c-dropdown__item"><a href="health.html.html"><img src="images/sc.png"/>健康档案</a></li>
<li class="c-dropdown__item"><a href="#"><img src="images/zxkf.png"/>客服服务</a></li>
<li class="c-dropdown__item"><a href="#"><img src="images/fb.png"/>认购权益</a></li>
<li class="c-dropdown__item"><a href="#"><img src="images/ss.png"/>扫一扫</a></li>
</ul>
</div>
<div class="c-dropdown js-dropdown" id="gg">
<span class="c-button c-button--dropdown"><a href="#" onclick="show();"><img src="images/share.png"
id="target"/></a></span>
<ul id="aa" class="c-dropdown__list1">
<div class="smalltop"><img src="images/oi.png"/></div>
<li class="c-dropdown__item"><a href="#"><img src="images/dingdan.png"/>我的订单</a></li>
<li class="c-dropdown__item"><a href="health.html.html"><img src="images/sc.png"/>健康档案</a></li>
<li class="c-dropdown__item"><a href="#"><img src="images/zxkf.png"/>客服服务</a></li>
<li class="c-dropdown__item"><a href="#"><img src="images/fb.png"/>认购权益</a></li>
<li class="c-dropdown__item"><a href="#"><img src="images/ss.png"/>扫一扫</a></li>
</ul>
</div>
</div>
</div>
<div class="part1">
<div class="nav center" style="display:inline-block;">
<ul>
<li><a href="care.html"><img src="images/nav_02.png" /><p>专业护理</p></a></li>
<li><a href="rehab.html.html"><img src="images/nav_03.png" /><p>慢病康护</p></a></li>
<li><a href="rehab.html.html"><img src="images/nav_04.png" /><p>中医理疗</p></a></li>
<li><a href="examination.html"><img src="images/nav_05.png" /><p>上门体检</p></a></li>
<li><a href="doctor.html"><img src="images/nav_06.png" /><p>家庭医生</p></a></li>
<li><a href="rehab.html.html"><img src="images/nav_07.png" /><p>母婴妇产</p></a></li>
<li><a href="examination.html"><img src="images/nav_08.png" /><p>医疗套餐</p></a></li>
<li><a href="examination.html"><img src="images/nav_09.png" /><p>养老公寓</p></a></li>
<li><a href="rehab.html.html"><img src="images/nav_10.png" /><p>健康保险</p></a></li>
<li><a href="newtra.html.html"><img src="images/nav_11.jpg" /><p>健康旅游</p></a></li>
<div class="nav center" style="display:inline-block;">
<ul>
<!--<li><a href="care.html"><img src="images/nav_02.png" /><p>专业护理</p></a></li>-->
<!--<li><a href="rehab.html.html"><img src="images/nav_03.png" /><p>慢病康护</p></a></li>-->
<!--<li><a href="rehab.html.html"><img src="images/nav_04.png" /><p>中医理疗</p></a></li>-->
<!--<li><a href="examination.html"><img src="images/nav_05.png" /><p>上门体检</p></a></li>-->
<!--<li><a href="doctor.html"><img src="images/nav_06.png" /><p>家庭医生</p></a></li>-->
<!--<li><a href="rehab.html.html"><img src="images/nav_07.png" /><p>母婴妇产</p></a></li>-->
<!--<li><a href="examination.html"><img src="images/nav_08.png" /><p>医疗套餐</p></a></li>-->
<!--<li><a href="examination.html"><img src="images/nav_09.png" /><p>养老公寓</p></a></li>-->
<!--<li><a href="rehab.html.html"><img src="images/nav_10.png" /><p>健康保险</p></a></li>-->
<!--<li><a href="newtra.html.html"><img src="images/nav_11.jpg" /><p>健康旅游</p></a></li>-->
</ul>
</div>
</div>
<div class="part2">
<a href="introduce.html"><img src="images/index_02.jpg"/></a>
<a href="introduce.html"><img src="images/index_02.jpg"/></a>
</div>
<div class="part3">
<div style="display:inline-block;">
<div style="display:inline-block;">
<ul>
<li>
<a href="home.html.html">
<div class="left text3">
<p class="title3">居家照护</p>
<p class="context3">提供生活照护病症护理</p>
</div>
<img src="images/part_li_03.jpg" class="right"/>
</a>
</li>
<li>
<a href="#">
<div class="left text3">
<p class="title3">医院照护</p>
<p class="context3">为住院治疗的病人提供的生活照料</p>
</div>
<img src="images/part_li_04.jpg" class="right"/>
</a>
</li>
<li>
<a href="#">
<div class="left text3">
<p class="title3">健康评估</p>
<p class="context3">收集信息进行系统科学分析</p>
</div>
<img src="images/part_li_05.jpg" class="right"/>
</a>
</li>
<li>
<a href="#">
<div class="left text3">
<p class="title3">陪诊</p>
<p class="context3">陪同就诊人员进行病情诊断或治疗</p>
</div>
<img src="images/part_li_08.jpg" class="right"/>
</a>
</li>
<!--<li>-->
<!--<a href="home.html.html">-->
<!--<div class="left text3">-->
<!--<p class="title3">居家照护</p>-->
<!--<p class="context3">提供生活照护病症护理</p>-->
<!--</div>-->
<!--<img src="images/part_li_03.jpg" class="right"/>-->
<!--</a>-->
<!--</li>-->
<!--<li>-->
<!--<a href="#">-->
<!--<div class="left text3">-->
<!--<p class="title3">医院照护</p>-->
<!--<p class="context3">为住院治疗的病人提供的生活照料</p>-->
<!--</div>-->
<!--<img src="images/part_li_04.jpg" class="right"/>-->
<!--</a>-->
<!--</li>-->
<!--<li>-->
<!--<a href="#">-->
<!--<div class="left text3">-->
<!--<p class="title3">健康评估</p>-->
<!--<p class="context3">收集信息进行系统科学分析</p>-->
<!--</div>-->
<!--<img src="images/part_li_05.jpg" class="right"/>-->
<!--</a>-->
<!--</li>-->
<!--<li>-->
<!--<a href="#">-->
<!--<div class="left text3">-->
<!--<p class="title3">陪诊</p>-->
<!--<p class="context3">陪同就诊人员进行病情诊断或治疗</p>-->
<!--</div>-->
<!--<img src="images/part_li_08.jpg" class="right"/>-->
<!--</a>-->
<!--</li>-->
</ul>
</div>
</div>
<!--part4 start-->
<div class="part4">
<div class="kuang">
<div class="title4 box" id="sales-product">
<div class="kuang">
<div class="title4 box" id="sales-product">
<span style="position:relative; left:0.45rem;">
<img src="images/part4_03.jpg"/>严选推介<img src="images/part4_05.jpg"/>
</span>
</span>
<!--<ul class="jcarouseLiteNav chance"> <li class="next"><a id="change"><span class="right">换一批<img src="images/chance_03.jpg"></span></a></li></ul>-->
</div>
<div class="js j_index_carouseProduct" id="sales-product-main">
<ul>
<li id="d1">
<div class="con4">
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_07.jpg"/></a>
<div class="corigt left">
<a href="home.html.html"><span>普通换药</span><p>术后伤口换药,污染伤口的清创消毒</p></a>
<p class="minute">
<span><img src="images/min.jpg"/>60分钟</span><span><img src="images/support.jpg"/>562人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="js j_index_carouseProduct" id="sales-product-main">
<!--<div class="js j_index_carouseProduct" id="sales-product-main" style="visibility: visible;/* overflow: hidden; */position: relative;z-index: 2;left: 0px;width: 0px;">-->
<ul style="margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; width: 0px; left: 0px;">
<!--<li id="d1">-->
<!--<div class="con4">-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_07.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="home.html.html"><span>普通换药0000000000</span>-->
<!--<p>术后伤口换药,污染伤口的清创消毒</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min.jpg"/>60分钟</span><span><img-->
<!--src="images/support.jpg"/>562人选择</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_10.jpg"/></a>
<div class="corigt left">
<a href="#"><span>老年痴呆护理</span><p>指导自我料理能力,维护老人尊严</p></a>
<p class="minute">
<span><img src="images/min_03.jpg"/>心理指导</span><span><img src="images/min_05.jpg"/>针对性方案</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_10.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>老年痴呆护理</span>-->
<!--<p>指导自我料理能力,维护老人尊严</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_03.jpg"/>心理指导</span><span><img-->
<!--src="images/min_05.jpg"/>针对性方案</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_12.jpg"/></a>
<div class="corigt left">
<a href="#"><span>女士高发肿瘤风险评估E(2项)</span><p>评估卵巢癌、子宫内膜癌风险</p></a>
<p class="minute">
<span><img src="images/min_09.jpg"/>可测1人</span><span><img src="images/min_11.jpg"/>10-15个工作日</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_12.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>女士高发肿瘤风险评估E(2项)</span>-->
<!--<p>评估卵巢癌、子宫内膜癌风险</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_09.jpg"/>可测1人</span><span><img-->
<!--src="images/min_11.jpg"/>10-15个工作日</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_14.jpg"/></a>
<div class="corigt left">
<a href="#"><span>艾灸</span><p>温通气血、扶正祛邪,防病治病</p></a>
<p class="minute">
<span><img src="images/min.jpg"/>90分钟</span><span><img src="images/support.jpg"/>267人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_14.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>艾灸</span>-->
<!--<p>温通气血、扶正祛邪,防病治病</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min.jpg"/>90分钟</span><span><img-->
<!--src="images/support.jpg"/>267人选择</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_16.jpg"/></a>
<div class="corigt left">
<a href="#"><span>中老年健康套餐A</span><p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a>
<p class="minute">
<span><img src="images/min_15.jpg"/>健康评估</span><span><img src="images/min_17.jpg"/>深度体检</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_16.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>中老年健康套餐A</span>-->
<!--<p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_15.jpg"/>健康评估</span><span><img-->
<!--src="images/min_17.jpg"/>深度体检</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_18.jpg"/></a>
<div class="corigt left">
<a href="#"><span>万科怡园光熙长者公寓</span><p>稀缺位置和优质环境使得在繁华热闹的城市核心区
享受桃源般的养老生活成为可能</p></a>
<p class="minute">
<span><img src="images/min_21.jpg"/>品牌养老</span><span><img src="images/min_23.jpg"/>医疗康复</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
</div>
</li>
<li id="d2">
<div class="con4">
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_07.jpg"/></a>
<div class="corigt left">
<a href="#"><span>普通换药</span><p>术后伤口换药,污染伤口的清创消毒</p></a>
<p class="minute">
<span><img src="images/min.jpg"/>60分钟</span><span><img src="images/support.jpg"/>562人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_18.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>万科怡园光熙长者公寓</span>-->
<!--<p>稀缺位置和优质环境使得在繁华热闹的城市核心区-->
<!--享受桃源般的养老生活成为可能</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_21.jpg"/>品牌养老</span><span><img-->
<!--src="images/min_23.jpg"/>医疗康复</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</li>-->
<!--<li id="d2">-->
<!--<div class="con4">-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_07.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>普通换药11111111111111111</span>-->
<!--<p>术后伤口换药,污染伤口的清创消毒</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min.jpg"/>60分钟</span><span><img-->
<!--src="images/support.jpg"/>562人选择</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_10.jpg"/></a>
<div class="corigt left">
<a href="#"><span>老年痴呆护理</span><p>指导自我料理能力,维护老人尊严</p></a>
<p class="minute">
<span><img src="images/min_03.jpg"/>心理指导</span><span><img src="images/min_05.jpg"/>针对性方案</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_10.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>老年痴呆护理</span>-->
<!--<p>指导自我料理能力,维护老人尊严</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_03.jpg"/>心理指导</span><span><img-->
<!--src="images/min_05.jpg"/>针对性方案</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_12.jpg"/></a>
<div class="corigt left">
<a href="#"><span>女士高发肿瘤风险评估E(2项)</span><p>评估卵巢癌、子宫内膜癌风险</p></a>
<p class="minute">
<span><img src="images/min_09.jpg"/>可测1人</span><span><img src="images/min_11.jpg"/>10-15个工作日</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_12.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>女士高发肿瘤风险评估E(2项)111111111111111</span>-->
<!--<p>评估卵巢癌、子宫内膜癌风险</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_09.jpg"/>可测1人</span><span><img-->
<!--src="images/min_11.jpg"/>10-15个工作日</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_14.jpg"/></a>
<div class="corigt left">
<a href="#"><span>艾灸</span><p>温通气血、扶正祛邪,防病治病</p></a>
<p class="minute">
<span><img src="images/min.jpg"/>90分钟</span><span><img src="images/support.jpg"/>267人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_14.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>艾灸</span>-->
<!--<p>温通气血、扶正祛邪,防病治病</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min.jpg"/>90分钟</span><span><img-->
<!--src="images/support.jpg"/>267人选择</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_16.jpg"/></a>
<div class="corigt left">
<a href="#"><span>中老年健康套餐A</span><p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a>
<p class="minute">
<span><img src="images/min_15.jpg"/>健康评估</span><span><img src="images/min_17.jpg"/>深度体检</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_16.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>中老年健康套餐A</span>-->
<!--<p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_15.jpg"/>健康评估</span><span><img-->
<!--src="images/min_17.jpg"/>深度体检</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_18.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>万科怡园光熙长者公寓</span>-->
<!--<p>稀缺位置和优质环境使得在繁华热闹的城市核心区-->
<!--享受桃源般的养老生活成为可能</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_21.jpg"/>品牌养老</span><span><img-->
<!--src="images/min_23.jpg"/>医疗康复</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</li>-->
<div class="clear"></div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_18.jpg"/></a>
<div class="corigt left">
<a href="#"><span>万科怡园光熙长者公寓</span><p>稀缺位置和优质环境使得在繁华热闹的城市核心区
享受桃源般的养老生活成为可能</p></a>
<p class="minute">
<span><img src="images/min_21.jpg"/>品牌养老</span><span><img src="images/min_23.jpg"/>医疗康复</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
</div>
</li>
</ul>
<div class="clear"></div>
<!--<ul>-->
<!--<li id="d1">-->
<!--<div class="con4">-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_07.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="home.html.html"><span>普通换药</span><p>术后伤口换药,污染伤口的清创消毒</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min.jpg"/>60分钟</span><span><img src="images/support.jpg"/>562人选择</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_10.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>老年痴呆护理</span><p>指导自我料理能力,维护老人尊严</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_03.jpg"/>心理指导</span><span><img src="images/min_05.jpg"/>针对性方案</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_12.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>女士高发肿瘤风险评估E(2项)</span><p>评估卵巢癌、子宫内膜癌风险</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_09.jpg"/>可测1人</span><span><img src="images/min_11.jpg"/>10-15个工作日</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_14.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>艾灸</span><p>温通气血、扶正祛邪,防病治病</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min.jpg"/>90分钟</span><span><img src="images/support.jpg"/>267人选择</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_16.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>中老年健康套餐A</span><p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_15.jpg"/>健康评估</span><span><img src="images/min_17.jpg"/>深度体检</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_18.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>万科怡园光熙长者公寓</span><p>稀缺位置和优质环境使得在繁华热闹的城市核心区-->
<!--享受桃源般的养老生活成为可能</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_21.jpg"/>品牌养老</span><span><img src="images/min_23.jpg"/>医疗康复</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</li>-->
<!--<li id="d2">-->
<!--<div class="con4">-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_07.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>普通换药</span><p>术后伤口换药,污染伤口的清创消毒</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min.jpg"/>60分钟</span><span><img src="images/support.jpg"/>562人选择</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_10.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>老年痴呆护理</span><p>指导自我料理能力,维护老人尊严</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_03.jpg"/>心理指导</span><span><img src="images/min_05.jpg"/>针对性方案</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_12.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>女士高发肿瘤风险评估E(2项)</span><p>评估卵巢癌、子宫内膜癌风险</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_09.jpg"/>可测1人</span><span><img src="images/min_11.jpg"/>10-15个工作日</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_14.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>艾灸</span><p>温通气血、扶正祛邪,防病治病</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min.jpg"/>90分钟</span><span><img src="images/support.jpg"/>267人选择</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_16.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>中老年健康套餐A</span><p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_15.jpg"/>健康评估</span><span><img src="images/min_17.jpg"/>深度体检</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="con4li">-->
<!--<a href="#"><img class="left" src="images/part4_li_18.jpg"/></a>-->
<!--<div class="corigt left">-->
<!--<a href="#"><span>万科怡园光熙长者公寓</span><p>稀缺位置和优质环境使得在繁华热闹的城市核心区-->
<!--享受桃源般的养老生活成为可能</p></a>-->
<!--<p class="minute">-->
<!--<span><img src="images/min_21.jpg"/>品牌养老</span><span><img src="images/min_23.jpg"/>医疗康复</span>-->
<!--</p>-->
<!--<p class="price">¥8686</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</li>-->
<!--</ul>-->
<div class="clear"></div>
</div>
</div>
</div>
... ... @@ -326,15 +499,99 @@ function onclick(){
<!--footer-->
<div class="footer center">
<ul style="font-size:0rem;">
<li><a href="index.html.html"><img src="images/yanxuan.png"/></a></li>
<li><a href="introduce.html.html"><img src="images/footer_05.jpg"/></a></li>
<li><a href="member.html.html"><img src="images/footer_07.jpg"/></a></li>
</ul>
<ul style="font-size:0rem;">
<li><a href="index.html.html"><img src="images/yanxuan.png"/></a></li>
<li><a href="introduce.html.html"><img src="images/footer_05.jpg"/></a></li>
<li><a href="member.html.html"><img src="images/footer_07.jpg"/></a></li>
</ul>
</div>
<script src="js/common.js"></script>
<!--footer end-->
<!--<script>-->
<!--var map = new BMap.Map("container");-->
<!--var geolocation = new BMap.Geolocation();-->
<!--var geoc = new BMap.Geocoder();-->
<!--geolocation.getCurrentPosition(function (r) {-->
<!--if (this.getStatus() == BMAP_STATUS_SUCCESS) {-->
<!--var mk = new BMap.Marker(r.point);-->
<!--map.addOverlay(mk);-->
<!--map.panTo(r.point);-->
<!--// alert('您的位置:' + r.point.lng + ',' + r.point.lat);-->
<!--geoc.getLocation(new BMap.Point(r.point.lng, r.point.lat), function (rs) {-->
<!--var addComp = rs.addressComponents;-->
<!--// alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);-->
<!--$('#city').text(addComp.province)-->
<!--});-->
<!--}-->
<!--else {-->
<!--alert('failed' + this.getStatus());-->
<!--}-->
<!--}, {enableHighAccuracy: true})-->
<!--</script>-->
<script>
$(document).ready(function () {
sendAjax('post', 'portal/index/cat', null, null, function (res) {
let cat_data = res;
let html = '';
if (cat_data.code == 1) {
for (let i in cat_data.data) {
html += `<li data-id="${cat_data.data[i].id}"> <a href="#"> <img src="${cat_data.data[i].img}"/> <p>${cat_data.data[i].name}</p></a></li>`
}
$('.nav ul').append(html);
$('.nav ul li').click(function () {
var li_id = $(this).attr('data-id');
if (li_id == 1) {
window.location.href = './protect.html?id=' + li_id
}
})
} else {
console.log(res.msg)
}
});
sendAjax('post', 'portal/index/index', null, null, function (res) {
let index_data = res;
let html = '';
if (index_data.code == 1) {
for (let j in index_data.data) {
html += `<li> <a href="#"> <div class="text3"><p class="title3">${index_data.data[j].title}</p><p class="context3">${index_data.data[j].describe}</p> </div> <img src="${index_data.data[j].img}" class=""/></a></li>`
}
$('.part3 ul').append(html)
}
});
<!--严选推荐-->
sendAjax('post', 'portal/index/show', null, null, function (res) {
console.log(res);
let show_data = res;
let html = '';
var j=1;
if (show_data.code == 1) {
for (let i in show_data.data) {
console.log(show_data.data.length)
html +='<li id="d'+(j)+'"> <div class="con4"> ';
for (let j in show_data.data[i]) {
// console.log()
html += `<div class="con4li" > <a href="#"><img class="left" src="${show_data.data[i][j].img}"/></a> <div class="corigt left"> <a href="#"><span>${show_data.data[i][j].title}</span> <p>${show_data.data[i][j].describe}</p></a> <p class="minute"><span><img src="images/min.jpg"/>60分钟</span><span><img src="images/support.jpg"/>562人选择</span> </p><p class="price">${show_data.data[i][j].price}</p></div></div>`
}
html +=`</div></li>`;
j++;
}
$('.j_index_carouseProduct ul').append(html);
}
})
})
</script>
<!--各种信息查询接口-->
<!--<script>-->
<!--sendAjax('post', 'portal/index/getAgreement', null, null, function (res) {-->
<!--console.log(res);-->
<!--let show_data = res;-->
<!--let html = '';-->
<!--})-->
<!--</script>-->
</body>
</html>
... ...
... ... @@ -270,72 +270,72 @@ CF.common = {
}
}
//首页
CF.index = {
//促销产品跑马灯
carouseProduct: function(obj){
var obj = $(obj);
var prevChild = obj.prev();
var visible = 1;
var liNums = $('li', obj).length;
var pageNum = Math.ceil( liNums/visible );
var pageStr = '';
prevChild.append('<ul class="jcarouseLiteNav chance"></ul>');
var jcarouseLiteNav = $('>ul.jcarouseLiteNav', prevChild);
for(var i = 0; i < pageNum; i++){
pageStr += '';
}
jcarouseLiteNav.prepend('' + pageStr + ' <li class="next"><a id="change"><span class="right">换一批<img src="images/chance_03.jpg"/></span></li>');
$('>li .1', jcarouseLiteNav).parent().addClass('current');
//首页
CF.index = {
//促销产品跑马灯
carouseProduct: function(obj){
var obj = $(obj);
var prevChild = obj.prev();
var visible = 1;
var liNums = $('li', obj).length;
var pageNum = Math.ceil( liNums/visible );
var pageStr = '';
prevChild.append('<ul class="jcarouseLiteNav chance"></ul>');
var jcarouseLiteNav = $('>ul.jcarouseLiteNav', prevChild);
for(var i = 0; i < pageNum; i++){
pageStr += '';
}
jcarouseLiteNav.prepend('' + pageStr + ' <li class="next"><a id="change"><span class="right">换一批<img src="images/chance_03.jpg"/></span></li>');
$('>li .1', jcarouseLiteNav).parent().addClass('current');
if(liNums <=visible){
jcarouseLiteNav.hide();
}
obj.jCarouselLite({
btnNext: $('>li.next ', jcarouseLiteNav),
btnPrev: $('>li.prev a', jcarouseLiteNav),
visible: visible,
scroll: visible,
speed: 1000,
afterEnd: function(a){
$('>li.current', jcarouseLiteNav).removeClass('current');
var currLI = $(a[0]).attr("class").split('order')[1];
$('>li:eq(' + currLI + ')', jcarouseLiteNav).addClass('current');
},
btnGo: $('>li:not([class*=previous]):not([class*=next]) a', jcarouseLiteNav)
})
var width = obj.width();
obj.width( width - 3 );
},
//最新卖场和省心生活跑马灯
carouseOther: function(obj){
var obj = $(obj);
var prevChild = obj.prev();
var pageNum = 3;
var pageStr = '';
prevChild.append('<ul class="jcarouseLiteNav"></ul>');
var jcarouseLiteNav = $('>ul.jcarouseLiteNav', prevChild);
for(var i = 0; i < pageNum; i++){
pageStr += '<li><a class="' + (i + 1) + '"><span>' + (i + 1) + '</span></a></li>';
}
jcarouseLiteNav.prepend('<li class="prev"><a><span>previous</span></a></li>' + pageStr + ' <li class="next"><a><span>next</span></a></li>');
$('>li .1', jcarouseLiteNav).parent().addClass('current');
obj.jCarouselLite({
btnNext: $('>li.next ', jcarouseLiteNav),
btnPrev: $('>li.prev a', jcarouseLiteNav),
visible: 1,
scroll: 1,
speed: 1000,
afterEnd: function(a){
$('>li.current', jcarouseLiteNav).removeClass('current');
var currLI = $(a[0]).attr("class").split('order')[1];
$('>li:eq(' + currLI + ')', jcarouseLiteNav).addClass('current');
},
btnGo: $('>li:not([class*=previous]):not([class*=next]) a', jcarouseLiteNav)
})
}
}
if(liNums <=visible){
jcarouseLiteNav.hide();
}
obj.jCarouselLite({
btnNext: $('>li.next ', jcarouseLiteNav),
btnPrev: $('>li.prev a', jcarouseLiteNav),
visible: visible,
scroll: visible,
speed: 1000,
afterEnd: function(a){
$('>li.current', jcarouseLiteNav).removeClass('current');
var currLI = $(a[0]).attr("class").split('order')[1];
$('>li:eq(' + currLI + ')', jcarouseLiteNav).addClass('current');
},
btnGo: $('>li:not([class*=previous]):not([class*=next]) a', jcarouseLiteNav)
})
var width = obj.width();
obj.width( width - 3 );
},
//最新卖场和省心生活跑马灯
carouseOther: function(obj){
var obj = $(obj);
var prevChild = obj.prev();
var pageNum = 3;
var pageStr = '';
prevChild.append('<ul class="jcarouseLiteNav"></ul>');
var jcarouseLiteNav = $('>ul.jcarouseLiteNav', prevChild);
for(var i = 0; i < pageNum; i++){
pageStr += '<li><a class="' + (i + 1) + '"><span>' + (i + 1) + '</span></a></li>';
}
jcarouseLiteNav.prepend('<li class="prev"><a><span>previous</span></a></li>' + pageStr + ' <li class="next"><a><span>next</span></a></li>');
$('>li .1', jcarouseLiteNav).parent().addClass('current');
obj.jCarouselLite({
btnNext: $('>li.next ', jcarouseLiteNav),
btnPrev: $('>li.prev a', jcarouseLiteNav),
visible: 1,
scroll: 1,
speed: 1000,
afterEnd: function(a){
$('>li.current', jcarouseLiteNav).removeClass('current');
var currLI = $(a[0]).attr("class").split('order')[1];
$('>li:eq(' + currLI + ')', jcarouseLiteNav).addClass('current');
},
btnGo: $('>li:not([class*=previous]):not([class*=next]) a', jcarouseLiteNav)
})
}
}
CF.other = {
picChange: function(obj){
... ...
... ... @@ -213,7 +213,7 @@ body{
$(" #tab1").on("click",".orpart",function(){
let id= $(this).attr("data_id");
alert(id)
window.locathon.href=''
})
</script>
</body>
\ No newline at end of file
... ...