amazeUi样式 jquery分页
/** * 分页插件 * @param $jq * @param page * @param func * @author caoLongChao */ function createPagination($jq,page,func) { $($jq).html("共 " + page.totalRecord + " 条记录"); var $ul = $("<ul class='am-pagination'></ul>").appendTo($("<div class='am-fr'></div>").appendTo($($jq))); var pages = Math.ceil(page.totalRecord / page.pageCount); $("<li><a href='javascript:void(0)'>«</a></li>").appendTo($ul).click(function() { if (page.curPage > 1) { func(page.curPage - 1); } else { func(1); } }); $("<li><a href='javascript:void(0)'>首页</a></li>").appendTo($ul).click(function() { func(1); }); if( page.curPage - 2 > 1){ $("<li><a href='javascript:void(0)'>....</a></li>").appendTo($ul); } for (var i = 1; i <= pages; i++) { if(i >= page.curPage - 2 && i <= page.curPage + 2){ $("<li " + ((i == page.curPage)?"class='am-active'":"") + "><a href='javascript:void(0)'>" + i + "</a></li>").appendTo($ul).click(i,function(e) { func(e.data); }); } } if( page.curPage + 2 < page.maxPage){ $("<li><a href='javascript:void(0)'>....</a></li>").appendTo($ul); } $("<li><a href='javascript:void(0)'>最后一页</a></li>").appendTo($ul).click(function() { func(page.maxPage); }); $("<li><a href='javascript:void(0)'>»</a></li>").appendTo($ul).click(function() { if (page.curPage < page.maxPage) { func(page.curPage + 1); } else { func(page.curPage); } }); }原文链接:https://www.f2er.com/ajax/160871.html