jquery图片信息列表选项卡左右切换代码



102 406 136



特效描述:图片信息列表 选项卡左右切换 选项卡切换,

代码结构

1. 引入CSS

<link href="css/style.css" type="text/css" rel="stylesheet" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/unslider.min.js"></script>

3. HTML代码

<div class="wrapper">
	<div class="section4">
		<div class="banner">
			<ul>
				<li> <h2>全允植   韩国口腔博士</h2>   <span>韩国首尔大学口腔外科博士,圣贝牙科国际专家组成员。曾任美国审美齿科学会特聘顾问、德国法兰克福齿科大学研究伙伴、德国KONUS种植系统技术总监、美国审美齿科学会Training研修学者、中国福建省口腔医学会顾问、韩国OSSTEM种植系统公司、中国首席技术顾问。擅长各种高难度美学种植和修复,在行业具有“种植魔术师”的美誉,以“手法细腻,精美技艺”著称,拥有万例种植牙手术无事故的纪录。</span></li>
				<li> <h2>霍平  北京圣贝口腔修复专家  副主任医师 </h2>  副主任医师,1983年 毕业于北京医科大学口腔医学院。在北京医科大学口腔医学院修复科工作32年,具有丰富的口腔义齿修复工作经验,操作手法细腻,在此期间诊治了大量的病人,为其解除了口腔疾病的困扰,受到院领导及众多患者的一致好评。
从业年限:三十二年<br />
擅长领域:前牙美容修复、固定义齿修复、活动义齿修复、全口义齿修复。</li>
				<li> <h2>刘希云  北京圣贝口腔修复专家 主任医师 副教授</h2>  主任医师(二级医师),副教授,原北京世纪坛医院口腔科主任。1983年 毕业于北京医科大学口腔医学院,从事口腔临床工作32年,具有丰富的口腔医疗工作经验。任中华口腔医学会老年口腔病专业委员会委员、北京口腔医学会常务理事、北京口腔医学会种植专业委员会常务委员、颌面外科专业委员会常务委员、口腔全科医师专业委员会常务委员、中华口腔医学杂志特约审稿人、北京市口腔医疗质量控制和改进中心口腔专业质量管理委员会委员等职务。主持相关种植的“引导骨组织再生技术” 研究课题获北京市科技进步三等奖。
从业年限:三十二年<br />
擅长领域:种植义齿,开展种植义齿近20年,完成千余例种植病例。</li>
				<li><h2>Att  弗莱堡大学博士</h2>   德国知名专家、弗莱堡大学口腔学院Wael Att博士兼教授。曾参加2年的口腔外科正颚手术高级培训。2000年,在弗莱堡大学口腔修复科学习了研究生课程,并在2003年获得Med Dent博士学位,随后被任命为助理教授。2004年成为德国口腔修复及生物材料协会(DGPro)镶牙专家。2005-2007年,在加州大学洛杉矶分校(UCLA)牙科学院,Jane and Jerry Weintraub中心,重建生物技术部担任访问学者。从2007年起担任弗莱堡大学的研究生导师和副教授,并于2010年获得该校博士学位,在2013年被授予“特职教授”的头衔。曾在权威期刊中发表了多篇关于种植牙治疗和基础科学的文章,他最近研究的“探索种植牙外面的生物性衰老和恢复如初”课题,获《生物材料》杂志年度提名。
擅长专业:美学牙种植、美学修复</li>
				<li><h2>Strub  弗莱堡口腔学院院长</h2>   “德国医学泰斗”、弗莱堡大学口腔学院院长。JrgR.Strub教授,牙外科博士,Med DentHabil博士学位。1982至1988年,美国新奥尔良杜兰大学和路易斯安那州立大学生物材料系访问学者并担任苏黎世大学牙周修复学科研究生项目的副教授兼主任。从1988年起担任德国弗莱堡大学假牙修复齿科的主席和教授一职。1996年,日本大阪大学固定义齿修复齿科临床经验的访问学者。2009年起担任美国费城宾夕法尼亚大学访问学者,中国广州中山大学口腔学科和沙特阿拉伯国王大学牙科学院访问学者。从2005年起,担任德国弗莱堡大学口腔学院临床教学管理副院长。
擅长专业:美学牙种植、美学修复</li>
				<li><h2>法永红  北京圣贝技术院长  主任医师  种植牙专家</h2>   毕业于解放军第四军医大学口腔医学院,原二炮总医院口腔科主任、学科带头人、牙种植中心主任,中华口腔医学会北京种植专委会常务委员,全军口腔专委员会委员。医术精湛,医德高尚,在军内率先开展口腔种植术,自1995年以来,已完成了上万例牙齿种植修复病例。曾于美国密尔沃基BIO-Research中心接受培训并多次被邀请赴欧洲参加口腔种植学术交流,发表论文40余篇。
从业年限:三十五年<br />
擅长领域:微创种植、即刻种植、即刻修复、即刻负重,对各类骨量不足的高难度病例有着丰富的经验,熟练应用上颌窦内、外提升植骨术;骨劈开植骨术等多种植骨技术。</li>
				<li><h2>刘兰忠  北京圣贝牙周专家 主任医师</h2>    毕业于第二军医大学口腔医学院,原兰州军区总医院口腔科主任、学科带头人,全军口腔专委会委员中华口腔医学会理事、兰州军区口腔专委会主任委员、甘肃省口腔医学会副主任委员。对口腔内科、口腔牙周疾病、颌面外科、外伤救治等方面有较高造诣,曾于复旦大学医学院(原上海医科大学)附属华山医院进修颌面外科,具有丰富的临床经验和熟练的操作技巧。
从业年限:三十三年<br />
擅长领域:各类牙周疾病的诊断和系统治疗、各类种植手术、牙体牙髓疾病治疗、各类牙拔除术牙槽外科手术。</li>
				<li><h2>黄国伦   美国种植学博士</h2>   美国哥伦比亚大学种植学博士,圣贝牙科国际专家组成员;美国哥伦比亚0mni-Tight植牙认証;Nobel-Biocare植牙系统认证医师;L-H矫正认証医师;美国口腔雷射医学会员;德国Sirona二极体雷射认証;美国牙周微创治疗医学会专科医师。黄国伦博士从事种植工作20余年,以“精细手法,精美技艺”在种植领域享誉盛名,也因为其博采众家之长,结合亚洲人独有的骨骼、骨量以及骨密度,并总结了圣贝Prussian即刻种植法的基础上,独创了“Prussian亲骨即刻种植法”,以出血少、无肿痛、手术快、恢复快等诸多特点,被欧美国际种植牙领域同行尊称为“微创种植第一人”。迄今为止,在全球已成功种植牙上万例。</li>
				<li><h2>桑德罗   口腔美学修复博士</h2>   国际口腔修复学硕士、国际口腔种植学博士、英国查尔斯克里福德牙科学院名誉教授,曾就读于葡萄牙里斯本ISCS-EM University、英国谢菲尔德大学口腔学院、西班牙胡安卡洛斯国王大学,获得国际口腔修复学硕士学位。后再次求学于英国华威大学,主攻组织整合、种植解剖、通用种植体设计特点、种植体保护咬合、复杂体的辨别与处理、口腔种植的范式转变、美学修复及种植修复,并参加种植论坛专业培训,获得英国华威大学博士学位。在英国多家高端牙科机构从事口腔临床工作,并担任查尔斯克里福德牙科学校临床导师,熟练掌握国际前沿牙种植及修复技术,诊疗方案周密,深受国际顾客信赖与赞誉。</li>
			</ul>
			<ol class="dots">
			  <li class="dot dot1 active">&nbsp;</li>
			  <li class="dot dot2">&nbsp;</li>
			  <li class="dot dot3">&nbsp;</li>
			  <li class="dot dot4">&nbsp;</li>
			  <li class="dot dot5">&nbsp;</li>
			  <li class="dot dot6">&nbsp;</li>
			  <li class="dot dot7">&nbsp;</li>
			  <li class="dot dot8">&nbsp;</li>
			  <li class="dot dot9">&nbsp;</li>
			</ol>
		</div>
	</div>
</div>
<script type="text/javascript">
$(function(){
	$('.banner').unslider({arrows:false,dots:true});
	$('.section4 .dots').eq(1).hide();
	$('.banner .dot').mouseover(function(){
		$(this).closest('.banner').find('ul').stop();
		$(this).click();
	});
	$('.banner').hover(function(){
		$(this).toggleClass('hover');
	});
});
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 图片翻转 图片旋转 头像上传 图片上传 图片全屏 图片淡出淡进 图片淡出 图片淡进 图片延迟加载 图片延迟 图片加载 图片叠加 图片层叠 图片放大镜 二维码 图片拖动 图片拖拽 地图 中国地图 世界地图 图片放大缩小 图片缩放 图片大小 图片放大 图片缩小 图片变大 图片变小 图片广告 h5图片动画 h5图标动画 html5图片动画 html5图标动画 带缩略图的幻灯片 纯图片轮播 图片轮播 图片滚动 图片滚动条 图片滑动 图片滑块 图片切换 图片选项卡 图标选项卡 旋转木马 图片旋转木马 文字旋转木马 旋转木马插件 图片收缩展开 图片收缩 图片展开 自动滚动图片轮播 图标导航 图标菜单 背景切换 大图切换 手风琴 水平手风琴 垂直手风琴 图片手风琴 文字手风琴 手风琴插件 滑动星星打分 图表 图片 图片插件 头像截图 其他 图片列表 图片切换 切换图片 鼠标滑过 鼠标悬停 跟随鼠标移动

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到