sPage
功能描述
jQuery分页插件sPage
快速使用
1、引入样式文件,可以根据实际需要修改插件样式
<link rel="stylesheet" type="text/css" href="./jquery.sPage.css">
2、引入jQuery.js文件
<script src="./jquery.min.js"></script>
3、引入sPage插件
<script src="./jquery.sPage.js"></script>
4、调用
<div id="myPage"></div>
$("#myPage").sPage({
page:1,//当前页码,必填
total:150,//数据总条数,必填
pageSize:10,//每页显示多少条数据,默认10条
totalTxt:"共{total}条",//数据总条数文字描述,{total}为占位符,默认"共{total}条"
showTotal:true,//是否显示总条数,默认关闭:false
showSkip:true,//是否显示跳页,默认关闭:false
showPN:true,//是否显示上下翻页,默认开启:true
prevPage:"上一页",//上翻页文字描述,默认“上一页”
nextPage:"下一页",//下翻页文字描述,默认“下一页”
backFun:function(page){
//点击分页按钮回调函数,返回当前页码
console.log(page);
}
});
特别说明