资讯
网站建设 >

查看其它板块

JavaScript如何自定义分页样式

小编给大家分享一下JavaScript如何自定义分页样式，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

芙蓉ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！

html部分

                
  
    
      
         
          购买日期 
          门票名称 
          比赛时间 
          比赛选手 
          门票数量
         
      
      
      
    
  
      

js部分

function testFun(){
  var data = [
        ["哈哈","呵呵","嘿嘿","啦啦","耶耶"],
        ["哈哈","呵呵","嘿嘿","啦啦","耶耶"],
        ["哈哈","呵呵","嘿嘿","啦啦","耶耶"],
        ["哈哈","呵呵","嘿嘿","啦啦","耶耶"],
      ];
  var inner = [];
  for(var i=0; i<10; i++){
    var trList = ''
        +''+data[i][0]+''
        +''+data[i][1]+''
        +''+data[i][2]+''
        +''+data[i][3]+''
        +''+data[i][4]+''
        +'';
    inner.push(trList);
  }
  //分页方法调用
  myPagination(my_id,inner,10);  
}


/*
 * 分页
 * a传入的是id
 * inner传入的是列表内容
 * PageSize每页显示的数目
 */
function myPagination(a,inner,PageSize){
  var pageNum = ''
        +''
        +'第页'
        +'共页'
        +'每页有条消息'
        +'当前为第-条消息'
        +'
'                   +'';   $(a).append(pageNum);   $(a).find(".pagination").css({     "height": "100%",     "width": "58%",     "float": "left",     "padding": "3px 10px",      "background-color": "#fff",     "margin": "0"   });   $(a).find(".setpage").css({     "height": "100%",     "width": "100%",     "line-height": "30px",     "margin": "0 auto"   });   $(a).find(".setpage span").css({     "float": "left",     "padding": "0 5px"   });   $(a).find(".setpage font").css({     "color": "#DD4449",     "padding": "0 5px"   });   $(a).find(".setpage input").css({     "width": "50px",     "float": "left",     "border-radius":"5px"   });   //分页   var Count = inner.length;//记录条数    var PageSize=PageSize;//设置每页示数目    var PageCount=Math.ceil(Count/PageSize);//计算总页数    var currentPage =1;//当前页，默认为1。   $(a).find(".pagesize").html(PageSize);//显示每页示数目    $(a).find(".setpage .current_1").html("1");//默认当前条数1   $(a).find(".setpage .current_2").html(PageSize);//默认当前条数2   //设置输入页面框的范围,并设置初始值   $(a).find(".currentpage").val(currentPage)     //显示默认页（第一页）    for(i=(currentPage-1)*PageSize;iPageCount){             $(a).find("tbody").html('没有更多的消息......');     }else{            var currentpage = $(this).val();       $(a).find("tbody").html('');       for(i=(currentpage-1)*PageSize;i

效果如下图：

JavaScript如何自定义分页样式

以上是“JavaScript如何自定义分页样式”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！


当前文章：JavaScript如何自定义分页样式
新闻来源：http://www.cdkjz.cn/article/iegepp.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
成都小程序开发校园网站建设方案绵阳机房托管成都免费做网站视频运营眉山做网站微信小程序马边网站开发武侯区工商注册成都建网站

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图