JS 自制换页函数

function getli(index,count){   //index 是当前页数   count是总页数

    var li="<li><a href='#' aria-label='Previous' onclick='toup()'>
        <span aria-hidden='true'>«</span></a></li>";
        if(count<6){
            for (var i=0;i<count;i++){
                li+="<li><a href='#' >"+(i+1)+"</a></li>";
            }
        }else{
            var page=0;
            if(index-2<1){
                if(index-1<1){
                    page=index;
                }else{
                    page=index-1;
                }
            }else{
                page=index-2;
            }
            if(index+2>count){
                if(index+1>count){
                    count=index;
                }else{
                    count=index+1;
                }
            }else{
                if(index<3){
                    count=5
                }else{
                    count=index+2;
                }
            }
            if(count-page+1<5){
                var i=5-(count-page)-1;
                page=page-i;
            }

            for (var i=0;page<=count;page++){
                li+="<li><a href='#'>"+page+"</a></li>";
            }
        }
        li+="<li><a href='#' aria-label='Next' onclick='tonext()'><span aria-hidden='true'>»</span></a></li>";
        $("#listPage").html(li);
    }

效果图
这里写图片描述

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值