jquery分页插件cypager

jquery分页插件cypager是非常实用，经过他本人测试，插件兼容 IE8+,Chrome,Firefox 浏览器,核心文件仅 5KB。。。

分类：html/css > 分页难易：初级

查看演示下载资源下载积分： 20 积分

首先引用

<script type="text/javascript" src="js/jquery-1.7.1.min.js" ></script>
		<link rel="stylesheet" href="css/cypager.min.css" />
<script type="text/javascript" src="js/cypager.min.js" ></script>

$("#pagerArea").cypager({pg_size:10,pg_nav_count:8,pg_total_count:194,pg_call_fun:function(count){ alert("跳转至页面:"+count+""); }});

$(function(){
				$("#pagerArea").cypager({pg_size:10,pg_nav_count:8,pg_total_count:194,pg_call_fun:function(count){
					$("#console").html("正在加载第("+count+")页的数据，请稍后.......");
				}});
			});
	</script>

参数说明

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