注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

带滚动效果的jQuery分页插件jPaginate

UI fishcity 1850浏览

jQuery分页插件jPaginate

jPaginate是一款基于jQuery的带有动画效果的分页插件,这款jQuery分页插件有一个特点,就是随着鼠标点击页码或者是鼠标悬浮在箭头上,页码会向前或向后滚动,效果非常不错。更棒的是,这款jQuery分页插件提供了多种样式风格供使用,当然你也可以自定义样式,来达到你项目的要求。

jquery实例:jPaginate的使用方法

引入核心文件

<script type="text/javascript" src="http://libs.useso.com/js/jquery/1.3.2/jquery.min.js"></script>
<script src="jquery.paginate.js" type="text/javascript"></script>

构建html

 <div id="demo1"></div>

写入JS初始化

$(function(){
    $("#demo1").paginate({
	count 		        : 100,
	start 		        : 1,
	display                 : 8,
	border			: true,
	border_color		: '#fff',
	text_color  		: '#fff',
	background_color    	: 'black',	
	border_hover_color	: '#ccc',
	text_hover_color  	: '#000',
	background_hover_color	: '#fff', 
	images			: false,
	mouse			: 'press'
			});
})

参数选项

  1. count: 总分页数

  2. start: 可见的起启页

  3. display: 显示多少个分页

  4. border: 是否使用边框 (true/false)

  5. border_color:边框颜色

  6. text_color:文本颜色

  7. background_color: 背景色

  8. border_hover_color: 鼠标悬浮时边框颜色

  9. text_hover_color: 鼠标悬浮时文本颜色

  10. background_hover_color: 鼠标悬浮时背景颜色

  11. images:是否允许箭头是图片 (true/false)

  12. mouse: “press”按下鼠标时一直滚动. “slide” 点击一下滚动一屏.

  13. onChange:点击分页后调用函数. 分页的数字可以当参数使用

转载请注明:jQ酷 » 带滚动效果的jQuery分页插件jPaginate

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。