# simPager

**Repository Path**: minknown/simPager

## Basic Information

- **Project Name**: simPager
- **Description**: 一个简单的分页插件 -基于js和css
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-15
- **Last Updated**: 2023-11-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一个简单的分页插件
**关于网页分页，但是也许我们会使用bootstrap或者easyui等流行的框架进行，但导入的整个包会比较大，如果您想单独为您的站点插入一个简单的分页插件，我想这会是一个不错的选择，在外观上它有点和淘宝分页有点相似，可以参考本页底部的效果图。**
****
## 实现方法  
1：引入jscss目录下的所有css\js，包括JQ。  
2：定义一个容器  
3：在html代码中初始化，设置总个数，每页个数等。  
4：在toPage.js上设置切换页面事件，方法函数名为change_content()。  
  *如果切换页面代码进行跳转：您可以通过current_page变量获取新的页面代码，并于location.href进行后续跳转。*  
  *如果切换页面代码进行AJAX动态加载：可以通过$(obj_box).children('.page_content').html(新的内容)定义新的页面内容。*   
****
## 要点：  
关于location.href地址拦截和获取页面参数，可查看cuto.js中的代码  
****
## 这是效果图：  
![image](readme.png)