最近做了一个简单的分页功能,下面就介绍一个这个分页
需要引用的js:jquery-1.7.2.min.js
pagination.min.js 下载地址:http://download.csdn.net/download/qq_37791764/10218173 点击打开链接
需要引用的css:pagination.css
html代码:
<!--分页--><div id="pagination_10"></div>
js:代码:
/*******************************分页***************************************************/$("#pagination_10").QXPaging({css: 'css-2',//所用的pagination.css样式里面的样式,如需自己定义,自己到pagination.css里去改totalPage: 20,//总条数(需要数据库返回)callBack: function (currPage, pageSize) {console.log('currPage:' + currPage + 'pageSize:' + pageSize);//第几页,每页显示多少条}});/**********************************************************************************/
效果图
这样简单的分页就做成了!!!当然如果想加改变框架js代码可以自己到pagination.min.js去更改,里面代码也很简单