您好,欢迎访问一九零五行业门户网

很好的一个ajax分页实例

样式可以自定义,调用简单,直接看实例了,效果图如下:
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;   };
其它类似信息

推荐信息