# pageing-device **Repository Path**: superBiuBiu/pageing-device ## Basic Information - **Project Name**: pageing-device - **Description**: 纯css+html实现的分页器功能 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-05-07 - **Last Updated**: 2022-05-20 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ### 分页器 #### 使用 1. 引入样式文件`` 2. 引入js代码文件` ` 3. js代码添加 ```javascript var fy = document.getElementById("pagination_self");//父容器,负责存储分页器,id名不要改 paginationself(fy, {}); ``` #### 具体参数 paginationself(fatherDom,options,callback) 1. fatherDom:生成器生成的父容器 2. options对象:参数配置 - pageInfo对象 - pageNum:当前页 - totalPage:总页数 - least:当总页数低于least的时候页码全部显示 - size:一次显示多少页码 - textInfo对象:设置显示文字 - first:(默认为首页) - prev:(默认为上一页) - next:(默认为下一页) - last:(默认为尾页) 3. callback:当用户单击页数的时候触发回调函数,会返回一个用户单击后的页码 #### 参考示例 ```html Document
``` ### 效果图 #### 图1 ![](README/img/20220403154238.png) #### 图2 ![](README/img/20220403154403.png) #### 图3 ![](README/img/20220403154454.png) #### 图4 ![](README/img/20220403154318.png)