jquery圖片信息列表選項卡左右切換代碼



109 434 145



特效描述:圖片信息列表 選項卡左右切換 選項卡切換,

代碼結構

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

加群請備注:從官網了解到

湖北30选5开奖结果走势图表