jQuery仿蘋果官網點擊圖標選項卡圖片滑動切換效果代碼



120 477 160



特效描述:點擊圖標切換 選項卡切換 圖片滑動切換 切換 效果,

代碼結構

1. 引入CSS

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

2. 引入JS

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

3. HTML代碼

<div id="main">
	<div id="gallery">
		<div id="slides" style="width: 3680px; margin-left: 0px;">
			<div class="slide"><img width="920" height="400" alt="side" src="img/sample_slides/macbook.jpg"></div>
			<div class="slide"><img width="920" height="400" alt="side" src="img/sample_slides/iphone.jpg"></div>
			<div class="slide"><img width="920" height="400" alt="side" src="img/sample_slides/imac.jpg"></div>
			<div class="slide"><a target="_blank" href="http://www.dijiuzhanzhang.com/"><img width="920" height="400" alt="side" src="img/sample_slides/info.jpg"></a></div>
		</div>
		<div id="menu">
			<ul>
				<li class="fbar inact">&nbsp;</li><li class="menuItem inact act"><a href=""><img alt="thumbnail" src="img/sample_slides/thumb_macbook.png"></a></li><li class="menuItem inact"><a href=""><img alt="thumbnail" src="img/sample_slides/thumb_iphone.png"></a></li><li class="menuItem inact"><a href=""><img alt="thumbnail" src="img/sample_slides/thumb_imac.png"></a></li><li class="menuItem inact"><a href=""><img alt="thumbnail" src="img/sample_slides/thumb_about.png"></a></li>
			</ul>
		</div>
	</div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 滑動選項卡 滑動切換 圖片滑動 圖片滑塊 選項卡自動切換
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

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

老夫子电子