jQuery分頁插件jpages圖片分頁效果代碼



149 592 198



特效描述:分頁插件 圖片分頁效果,jQuery jpages分頁插件制作帶分頁圖片排列效果代碼

代碼結構

1. 引入JS

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

2. HTML代碼

<div id="content" class="defaults">
	<div class="holder"></div>
	<ul id="itemContainer">
		<li><img src="images/img (1).jpg" alt="image"></li>
		<li><img src="images/img (2).jpg" alt="image"></li>
		<li><img src="images/img (3).jpg" alt="image"></li>
		<li><img src="images/img (4).jpg" alt="image"></li>
		<li><img src="images/img (5).jpg" alt="image"></li>
		<li><img src="images/img (6).jpg" alt="image"></li>
		<li><img src="images/img (7).jpg" alt="image"></li>
		<li><img src="images/img (8).jpg" alt="image"></li>
		<li><img src="images/img (9).jpg" alt="image"></li>
		<li><img src="images/img (10).jpg" alt="image"></li>
		<li><img src="images/img (1).jpg" alt="image"></li>
		<li><img src="images/img (2).jpg" alt="image"></li>
		<li><img src="images/img (3).jpg" alt="image"></li>
		<li><img src="images/img (4).jpg" alt="image"></li>
		<li><img src="images/img (5).jpg" alt="image"></li>
		<li><img src="images/img (6).jpg" alt="image"></li>
		<li><img src="images/img (7).jpg" alt="image"></li>
		<li><img src="images/img (8).jpg" alt="image"></li>
		<li><img src="images/img (9).jpg" alt="image"></li>
		<li><img src="images/img (10).jpg" alt="image"></li>
		<li><img src="images/img (1).jpg" alt="image"></li>
		<li><img src="images/img (2).jpg" alt="image"></li>
		<li><img src="images/img (3).jpg" alt="image"></li>
		<li><img src="images/img (4).jpg" alt="image"></li>
		<li><img src="images/img (5).jpg" alt="image"></li>
		<li><img src="images/img (6).jpg" alt="image"></li>
		<li><img src="images/img (7).jpg" alt="image"></li>
		<li><img src="images/img (8).jpg" alt="image"></li>
		<li><img src="images/img (9).jpg" alt="image"></li>
		<li><img src="images/img (10).jpg" alt="image"></li>        
		<li><img src="images/img (1).jpg" alt="image"></li>
		<li><img src="images/img (2).jpg" alt="image"></li>
		<li><img src="images/img (3).jpg" alt="image"></li>
		<li><img src="images/img (4).jpg" alt="image"></li>
		<li><img src="images/img (5).jpg" alt="image"></li>
		<li><img src="images/img (6).jpg" alt="image"></li>
		<li><img src="images/img (7).jpg" alt="image"></li>
		<li><img src="images/img (8).jpg" alt="image"></li>
		<li><img src="images/img (9).jpg" alt="image"></li>
		<li><img src="images/img (10).jpg" alt="image"></li>
		<li><img src="images/img (1).jpg" alt="image"></li>
		<li><img src="images/img (2).jpg" alt="image"></li>
		<li><img src="images/img (3).jpg" alt="image"></li>
		<li><img src="images/img (4).jpg" alt="image"></li>
		<li><img src="images/img (5).jpg" alt="image"></li>
		<li><img src="images/img (6).jpg" alt="image"></li>
		<li><img src="images/img (7).jpg" alt="image"></li>
		<li><img src="images/img (8).jpg" alt="image"></li>
		<li><img src="images/img (9).jpg" alt="image"></li>
		<li><img src="images/img (10).jpg" alt="image"></li>
	</ul>
	<div class="holder"></div>
</div>



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


熱門標簽: 滑動星星打分 其他 分頁 翻頁 分頁插件
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子