当前位置: 代码迷 >> 综合 >> Jquery 分页(pagination.min.js)
  详细解决方案

Jquery 分页(pagination.min.js)

热度:47   发布时间:2023-11-25 06:40:03.0

最近做了一个简单的分页功能,下面就介绍一个这个分页

需要引用的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去更改,里面代码也很简单


  相关解决方案