首先非常感谢网友纠结伦的无私分享,此原创jquery分页插件cypager是他分享到JquerySchool网站上的第一款作品,非常实用,经过他本人测试,插件兼容 IE8+,Chrome,Firefox 浏览器,核心文件仅 5KB。。。
调用方式
由于是 jquery插件,所以在引人 cypager.min.js 之前,要引人 jquery.min.js 本人使用的是 1.7.2 版本的,低版本的没试过。
引入css : <link rel="stylesheet" href="css/cypager.min.css" />
引人js : <script type="text/javascript" src="js/cypager.min.js"/>
$(function(){
$("#pagerArea").cypager({pg_size:10,pg_nav_count:8,pg_total_count:194,pg_call_fun:function(count){
alert("跳转至页面:"+count+"");
}});
});
参数说明
pgerId //插件的ID 默认 : cy_pager
pg_size //每页显示记录数 默认:10条
pg_cur_count //当前页数(如果需要默认显示指定页面,则设置)
pg_total_count //总记录数
pg_nav_count //显示多少个导航数 默认:7个
pg_prev_name //上一页按钮名称(默认:PREV)
pg_next_name //下一页按钮名称 (默认:NEXT)
pg_call_fun(page_count) //回调函数,点击按钮执行
效果图如下:

如果您觉得本作品对您的学习有所帮助:
关键字:
网友纠结伦 分页插件 数据分页 jquery分页插件 cypager