a 链接跳转实现分页效果

		page({
			box:'d1',//存放分页的容器
			href:'www.scopeman.cn/detail.html?page=',//跳转连接
			page:8,//当前页码 
			count:15,//总页数
			num:5,//页面展示的页码个数
		})
	
展示多少页码:
这里模式后传过来的总页数:
这里模拟后端传过来的页码:

Ajax 实现分页效果

		page({
			box:'d2',//存放分页的容器
			count:32,//总页数
			num:8,//页面展示的页码个数
			step:6,//每次更新页码个数
			callBack:function(i){
				//点击页码的按钮发生回调函数一般都是操作ajax
			}
		})
		

注意:num 要比step要大于等于2 (例如:num:8;那么step只能小于等于6)

可根据您的需求自定义样式:

我们的dom结构为
		div class='page-contain'//最外层容器
			a href="" class='page-pre'>/a//上箭头
			div class='page-box'>//页码器
				a href="">/a//页码
				.......
			/div
			a href="" class='page-next'/a//下箭头
		/div
		//根据上面的dom结构和class 我们很方便制定我需求的样式
		//激活状态下我们对应的页码会添加active的class