jQuery分页插件jpages图片分页效果代码



143 568 190



特效描述:分页插件 图片分页效果,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

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