# JZPagination **Repository Path**: uptocoding/JZPagination ## Basic Information - **Project Name**: JZPagination - **Description**: 一个简单实用的页码条JS生成插件 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 5 - **Forks**: 0 - **Created**: 2019-09-06 - **Last Updated**: 2025-06-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # JZPagination ## 1.介绍 一个简单实用的页码条JS生成插件 + 可以展示 完整模式 和 简单模式 ![JZPagination页码条](assets/JZPagination页码条.jpg) ## 2.安装教程 1. 在需要页码条的html页面 导入 JZPagination.js文件 2. 在页面上准备一个容器 + 组件 生成 的是 文本 和 a 标签 + 需要自己设置 样式表 ## 3.使用说明 ### 3.1 参数说明 + makePageBar(option) + option | 参数名 | 说明 | 默认值 | | ------------- | ------------------------------ | --------- | | pageFunc | 翻页方法对象 | undefined | | pageContainer | 页码条容器 dom 或 id | undefined | | pgIndex | 当前页码 | 1 | | pgSize | 页容量 | 7 | | gpSize | 页码组容量 | 6 | | roCount | 总行数-从服务器获取 | 100 | | simpleModel | 简单模式 true / 完整模式 false | false | | isCn | 是否中文 | true | ### 3.1 页码条模式 + 简单模式:simpleModel 设置为 true (默认 是 false) ![1567850669645](assets/1567850669645.png) ```html
``` + 完整模式:simpleModel 设置为 false ![JZPagination页码条](assets/JZPagination页码条.jpg) ```js
``` ### 3.2 中英文切换 + 默认为中文