jQuery pagination(分页器)

最新推荐文章于 2024-05-21 17:16:51 发布

卡尔特斯

最新推荐文章于 2024-05-21 17:16:51 发布

阅读量2.2k

点赞数

分类专栏： jQuery 文章标签： jquery jqueryui javascript

本文链接：https://blog.csdn.net/zz00008888/article/details/109284548

版权

jQuery 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

基于 jQuery 生成的分页器，高度方便、简洁、易修改。

下载地址： DZMPagination

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 分页器样式 -->
  <link rel="stylesheet" href="./jquery.pagination.css">
</head>
<body>
  <!-- 分页器容器 -->
  <div id="pagination" style="background-color: red;"></div>
  <!-- JS导入分页器 -->
  <script src="jquery.min.js"></script>
  <script src="jquery.pagination.min.js"></script>
  <script>
    $(function () {
      $('#pagination').pagination({
        // 当前页
        currentPage: 1,
        // 总页数
        totalPage: 16,
        // 当前最多显示多少页
        count: 7,
        // 是否显示首位页按钮
        isShow: true,
        homePageText: "首页",
        endPageText: "尾页",
        prevPageText: "上一页",
        nextPageText: "下一页",
        callback: function(current) {
          console.log(`当前页码 ${current}`)
        }
      })
    })
  </script>
</body>
</html>

卡尔特斯

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery pagination(分页器)

基于 jQuery 生成的分页器，高度方便、简洁、易修改。下载地址： DZMPagination<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
复制链接

扫一扫