爱玺玺-superslide.js 控制按钮图滚动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>

<!--[if lt IE 9]>

<![endif]-->

.exp_ban{width: 100%; height: 646px; background: url(/images/experts/experts_02.jpg) no-repeat center;}

.container{width: 1200px; margin:0 auto; overflow: hidden; position: relative;}

.container .exp_title{width: 200px; height: 90px; margin:85px auto 0px auto; font-size: 40px; text-align: center;}

.container .exp_title span{font-size: 14px; color:#c6c5c5; line-height: 50px;}

.container .exp_nav{width: 960px; height: 60px; margin:50px auto 0px auto; background: #e1e1e1; border-radius: 30px; position: relative; overflow: hidden;}

.container .exp_nav ul li{float: left;width: 192px; height:60px; line-height:60px; font-size: 18px; cursor: pointer;}

.container .exp_nav ul li span{width: 60px; height: 50px; display: block; float: left; margin-left: 20px;}

.container .exp_nav ul li.cur{ background: #62c3d0;color:#fff;}

.container .exp_group{width: 1120px; height: 823px; margin:0 atuo;}

.container .exp_group .doctors{position: absolute; width: 1120px; height: 823px;}

.container .exp_group .doctors ul li{width: 1120px; height: 823px; float: left;}

.doctorpic{width: 456px; height: 716px; float: left; margin:40px auto 0px 80px;}

.doctorpic img{width: 456px;}

.container .docdes{float: left; width: 544px; height: 820px;}

.container .docdes .dottit{width: 400px; height: 80px; margin:80px auto auto 40px; border-bottom: solid 1px #e2e2e2; font-size: 40px; line-height:80px; color:#333;}

.container .docdes .dottit span{font-size: 20px;}

.container .docdes .dotdes{width: 445px; overflow: hidden; position: relative; line-height: 32px; font-size: 16px; margin:20px auto auto 40px;}

.container .docdes .rmore{width: 116px; height: 24px; background: url(/images/experts/morebg.jpg); margin:20px auto auto 40px; text-align: center; float: left;}

.container .docdes .rmore.m{background: #999;}

.container .docdes .rmore a{color:#fff; float: left; width: 116px; height: 24px;font-size: 14px;}

.container .docdes .rmore a span{color:#fff;font-size: 20px;vertical-align:top;}

.container .exp_group .dohead{width: 470px; height: 126px; position: absolute; margin-left: 40px; bottom: 120px; margin-left: 630px; z-index: 2;}

.container .exp_group .dohead ul li{float: left; width: 119px; height: 119px; margin:0 16px; cursor: pointer;}

.container .exp_group .dohead ul li .c1{background: url(/images/experts/cric.png); display: block;width: 119px; height: 119px; font-size: 26px; color:#fff; text-align: center; line-height:119px;display: none;}

.container .exp_group .dohead ul li .c2{width: 114px; height: 114px; border-radius: 57px; border:solid 1px #fff; display: block; margin:2px auto;}

.container .exp_group .dohead ul li.on .c1{display: block;}

.container .exp_group .dohead a{font-size: 80px; font-family: "宋体"; color:#ccc;display: block;position: absolute;width: 80px; height: 80px; z-index: 5; line-height:80px;}

.container .exp_group .dohead a.pre{float: left; margin:24px 0px 0px -66px; }

.container .exp_group .dohead a.nex{float: right; margin:-95px 0px 0px 464px;}

</style>

</head>

<body>

<div>

<div>专家团队<br/><span>EXPERT TEAM</span></div>

<div>

<ul>

</ul>

</div>

<div>

<li>

<div>

<div>何一波 <span>整形中心技术院长 <img src="/images/experts/redflag.jpg"></span></div>

<div>

“解放军科技成果奖”获得者 <br/>

解放军202医院整形中心副主任<br/>

中华医学会整形外科分会委员<br/>

中国青年整形专家团常任理事<br/>

泛亚地区面部整形与重建学会中国分会理事<br/>

<br/>

擅长：多材料运用综合隆鼻、鼻综合、面部整形、双平面隆胸、面部微创除皱提升、法式祛眼袋、水动力吸脂塑形、全面部自体脂肪智慧管理。

</div>

</div>

</li>

<li>

<div>

<div>刘小娇 <span>皮肤中心技术院长 <img src="/images/experts/redflag.jpg"></span></div>

<div>

中国整形美容协会委员<br/>

四川省整形美容协会理事<br/>

中整协海峡两岸分会委员<br/>

四川省整形美容协会皮肤分会委员<br/>

首届海峡两岸美容整形学术高峰论坛讲师<br/>

中西医美容专业委员会线雕美容分会委员<br/>

<br/>

擅长：微整形塑形抗衰、注射及光电联合抗衰、面部年轻化、童颜微雕、皮肤色素性问题等。

</div>

</div>

</li>

<li>

<div>

<div>康志松 <span>注射中心技术院长 <img src="/images/experts/redflag.jpg"></span></div>

<div>

副主任医师<br/>

亚洲线雕美容领军人物<br/>

中国精细微创注射倡导者<br/>

中韩整形美容国际技术交流特约专家<br/>

细分综合注射法创始人<br/>

面部时尚美学设计专家<br/>

<br/>

擅长：线雕微整、注射微整、面部年轻化整体设计。

</div>

</div>

</li>

<li>

<div>

<div>何一波 <span>整形中心技术院长 <img src="/images/experts/redflag.jpg"></span></div>

<div>

“解放军科技成果奖”获得者 <br/>

解放军202医院整形中心副主任<br/>

中华医学会整形外科分会委员<br/>

中国青年整形专家团常任理事<br/>

泛亚地区面部整形与重建学会中国分会理事<br/>

<br/>

擅长：多材料运用综合隆鼻、鼻综合、面部整形、双平面隆胸、面部微创除皱提升、法式祛眼袋、水动力吸脂塑形、全面部自体脂肪智慧管理。

</div>

</div>

</li>

<li>

<div>

<div>刘小娇 <span>皮肤中心技术院长 <img src="/images/experts/redflag.jpg"></span></div>

<div>

中国整形美容协会委员<br/>

四川省整形美容协会理事<br/>

中整协海峡两岸分会委员<br/>

四川省整形美容协会皮肤分会委员<br/>

首届海峡两岸美容整形学术高峰论坛讲师<br/>

中西医美容专业委员会线雕美容分会委员<br/>

<br/>

擅长：微整形塑形抗衰、注射及光电联合抗衰、面部年轻化、童颜微雕、皮肤色素性问题等。

</div>

</div>

</li>

<li>

<div>

<div>康志松 <span>注射中心技术院长 <img src="/images/experts/redflag.jpg"></span></div>

<div>

副主任医师<br/>

亚洲线雕美容领军人物<br/>

中国精细微创注射倡导者<br/>

中韩整形美容国际技术交流特约专家<br/>

细分综合注射法创始人<br/>

面部时尚美学设计专家<br/>

<br/>

擅长：线雕微整、注射微整、面部年轻化整体设计。

</div>

</div>

</li>

</ul>

<div>

<ul>

</li>

</li>

</li>

</li>

</li>

</li>

</ul>

</div>

jQuery(".exp_group").slide({ titCell:".dohead li", mainCell:".doctors", effect:"fold", autoPlay:true,delayTime:200,

startFun:function(i,p){

if(i==0){ jQuery(".exp_group .pre").click() } else if( i%3==0 ){ jQuery(".exp_group .nex").click()}

}

});

jQuery(".exp_group .dohead").slide({ mainCell:"ul",delayTime:100,vis:3,scroll:3,effect:"left",autoPage:true,pnLoop:false,prevCell:".pre",nextCell:".nex" });

</script>

</div>

</body>

</html>

爱玺玺

爱玺玺的生活日记本。wx:lb87626

2018年12月09日

superslide.js 控制按钮图滚动

作者:xixibaba , 分类:编程 , 浏览:115 , 评论:0

Powered By Z-BlogPHP 1.4 Deeplue Build 150101

Copyright Your WebSite.Some Rights Reserved.

« 2024年5月 »
一	二	三	四	五	六	日
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31