网友纠结伦分享原创jquery分页插件cypager
JquerySchool网站出品(http://www.jq-school.com
在线API帮助文档
官方网站学习交流QQ群jquery学堂11群

调用方式

由于是 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)      //回调函数,点击按钮执行
		

经过本人测试,插件兼容 IE8+,Chrome,Firefox 浏览器,核心文件仅 5KB 。