jQuery實現連續滾動圖片展示



42 166 56



特效描述:jQuery實現 連續滾動 圖片展示,jQuery實現連續滾動圖片展示

代碼結構

1. 引入JS

<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>

2. HTML代碼

		<div id="wrapper">
			<div id="carousel">
				<div>
					<img src="img/fruit1.png" alt="fruit1" width="200" height="200" />
					<span>Apple</span>
				</div>
				<div>
					<img src="img/fruit2.png" alt="fruit2" width="200" height="200" />
					<span>Mandarin</span>
				</div>
				<div>
					<img src="img/fruit3.png" alt="fruit3" width="200" height="200" />
					<span>Banannas</span>
				</div>
				<div>
					<img src="img/fruit4.png" alt="fruit4" width="200" height="200" />
					<span>Cherries</span>
				</div>
				<div>
					<img src="img/fruit5.png" alt="fruit5" width="200" height="200" />
					<span>Orange</span>
				</div>
				<div>
					<img src="img/fruit6.png" alt="fruit6" width="200" height="200" />
					<span>Melon</span>
				</div>
				<div>
					<img src="img/fruit7.png" alt="fruit7" width="200" height="200" />
					<span>Lemon</span>
				</div>
				<div>
					<img src="img/fruit8.png" alt="fruit8" width="200" height="200" />
					<span>Grapes</span>
				</div>
				<div>
					<img src="img/fruit9.png" alt="fruit9" width="200" height="200" />
					<span>Peach</span>
				</div>
				<div>
					<img src="img/fruit10.png" alt="fruit10" width="200" height="200" />
					<span>Pear</span>
				</div>
				<div>
					<img src="img/fruit11.png" alt="fruit11" width="200" height="200" />
					<span>Strawberry</span>
				</div>
				<div>
					<img src="img/fruit12.png" alt="fruit12" width="200" height="200" />
					<span>Melon</span>
				</div>
			</div>
		</div>
		<div style="text-align:center;clear:both">
</div>



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


熱門標簽: 滾動 滾動條 頁面滾動 滾動插件 滾動條插件 滾動條美化 加載動畫 自動滾動圖片輪播 滑動星星打分 h5彈窗動畫 html5彈窗動畫 h5動畫 h5背景動畫 h5場景動畫 h53D動畫 h5界面動畫 html5動畫 其他 h5按鈕動畫 html5按鈕動畫 鼠標懸停 h5圖片動畫 h5圖標動畫 html5圖片動畫 html5圖標動畫 圖片滾動 圖片滾動條
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子