github的页码分页方法的使用:

  1. 在github官网首页搜索pagination,点赞数最多的就是我们需要的那个
    在这里插入图片描述
  2. 点进去就会看到下面这样一个效果
    官网:https://josecebe.github.io/twbs-pagination/
    在这里插入图片描述
  3. 还需要导入jQ和bootstrap两个js文件,()因为这个插件是相对jQ和bootstrap的)
    然后在导入下载的这个js文件
    在这里插入图片描述
    可直接点下载:
    在这里插入图片描述
  4. 使用,(复制如下代码,更改id就可以了哦)
    $(’#pagination-demo’).twbsPagination({
    totalPages: 35, //总页码
    visiblePages: 7, //可见页码数
    onPageClick: function (event, page) { //页码点击执行的回调函数
    //page是你点的那个页码的页码值,不知道可以打印看一下
    $(’#page-content’).text(‘Page ’ + page);
    }
    });
    在这里插入图片描述
    5. 下面这些都是一些属性可以更改
    比方说可以更改一些属性:
    first:’‘首页’’,
    prev:’'上一页",
    next:‘下一页’,
    last:‘尾页’,
    就可得到这只种效果:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值