KingPager，自己做的分页控件，纯JS，支持所有语言

最新推荐文章于 2022-05-19 01:20:35 发布

瀚岳-诸葛弩

最新推荐文章于 2022-05-19 01:20:35 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： jquery控件分页控件

本文链接：https://blog.youkuaiyun.com/u011616825/article/details/9817705

Jquery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一款基于JQuery的分页控件，该控件为纯JavaScript编写，适用于多种编程语言，并且可以通过CSS自定义样式。仅需一行代码即可实现分页功能，并提供了扩展接口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图如下：

简介：

1、JQuery分页控件，纯JS，支持任何语言

2、全部样式可通过CSS自定义（默认的就很好看）

3、非常灵活，1行代码即可实现分页

调用示例：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="/css/blue/KingPlugin/KingPagerV1.0.css" rel="stylesheet" />
    <script src="/js/jquery/jquery-1.8.3.min.js"></script>
    <script src="/js/KingPlugin/KingPager.js"></script>
    <script>
        $().ready(function () {
            var paras = {
                pageSize: 15,//一页有10条数据
                pages:15,//一行显示15个页
                totalRecords: 2013,//一共有多少条记录
                onChange: function (pageid) {//扩展接口，点击具体页面有当前页值返回
                    alert("您点选了：" + pageid + "页");
                }
            }

            $("#pages").KingPage(paras);
        });
    </script>
</head>
<body>
    <div id="pages"></div>
</body>
</html>

源代码及示例下载：优快云下载