样式可以自定义,调用简单,直接看实例了,效果图如下:
nbsp;html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> ajax分页 .pagination {font-family: tahoma;font-size: 12px;height: 22px;margin: 5px 10px;text-align: right;} .pagination a,.page-cur,.page-start,.page-end,.page-disabled,.page-skip { height:22px;line-height:22px;margin:0 3px 0 0;text-align:center;vertical-align:middle;white-space:nowrap;} .pagination input {border-width: 1px;} .page-start, .pagination a, .page-end, .page-disabled {border: 1px solid #cccccc;padding: 0 5px;} .pagination a {text-decoration: none;} .page-cur {background-color: #ffede1;border: 1px solid #fd6d01;color: #fd6d01;font-weight: 700;padding: 0 5px;} .page-disabled {color: #cccccc;} .page-skip {color: #666666;padding: 0 3px;}
testpage(1); function testpage(curpage){ supage('pagenav','testpage','',curpage,100,5); } /** * @param {string} divname 分页导航渲染到的dom对象id * @param {string} funname 点击页码需要执行后台查询数据的js函数 * @param {object} params 后台查询数据函数的参数,参数顺序就是该对象的顺序,当前页面一定要设置在里面的 * @param {string} total 后台返回的总记录数 * @param {boolean} pagesize 每页显示的记录数,默认是10 */ function supage(divid, funname, params, curpage, total, pagesize){ var output = ''; var pagesize = parseint(pagesize)>0 ? parseint(pagesize) : 10; if(parseint(total) == 0 parseint(total) == 'nan') return; var totalpage = math.ceil(total/pagesize); var curpage = parseint(curpage)>0 ? parseint(curpage) : 1; //从参数对象中解析出来各个参数 var param_str = ''; if(typeof params == 'object'){ for(o in params){ if(typeof params[o] == 'string'){ param_str += '\'' + params[o] + '\','; } else{ param_str += params[o] + ','; } } //alert(111); } //设置起始页码 if (totalpage > 10) { if ((curpage - 5) > 0 && curpage var start = curpage - 5; var end = curpage + 5; } else if (curpage >= (totalpage - 5)) { var start = totalpage - 10; var end = totalpage; } else { var start = 1; var end = 10; } } else { var start = 1; var end = totalpage; } //首页控制 if(curpage>1){ output += '«'; } else { output += '« '; } //上一页菜单控制 if(curpage>1){ output += '‹'; } else{ output += '‹'; } //页码展示 for (i = start; i if (i == curpage) { output += '' + curpage + ''; } else { output += '' + i + ''; } } //下一页菜单控制 if(totalpage>1 && curpage output += '›'; } else{ output += '›'; } //最后页控制 if(curpage output += '»'; } else{ output += '»'; } output += '
'; //渲染到dom中 document.getelementbyid(divid).innerhtml = output; };
