# ospage

**Repository Path**: oscxc/ospage

## Basic Information

- **Project Name**: ospage
- **Description**: 史上最牛 JavaScript 分页插件，没有之一！
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-11-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![](logo.png)

# 史上最牛 JavaScript 分页插件，没有之一！

**实现原因**:

   需要用分页插件的时候找不到一个让我感到满意的


**优点**:

   易用、设计完美、样式控制灵活、支持多实例、不依赖任何框架


**缺点**:

   不存在的，因为它是完美的

 **兼容性**:

   IE9+ （备注：IE兴亡，前端程序员有责）


## 获取和引用 ospage

**简单粗暴方式（必须首先提供的方式）**

  [`下载最新版本`](https://github.com/oscxc/ospage/releases) && 使用标签引用

```
<link rel="stylesheet" href="styles/style1.css">

<script src="ospage.js"></script>
```

**npm + CommonJS 方式**

```
npm install ospage
```

```
var page = require('ospage');
```

## Usage examples

1、基本使用：[`examples/basic.html`](https://oscxc.github.io/ospage/examples/basic.html)

2、自定义显示的文字：[`examples/yourtext.html`](https://oscxc.github.io/ospage/examples/yourtext.html)

3、指定从第几页开始 ：[`examples/pageindex.html`](https://oscxc.github.io/ospage/examples/pageindex.html)

4、指定每页项数：[`examples/pagesize.html`](https://oscxc.github.io/ospage/examples/pagesize.html)

5、数字方块个数：[`examples/blockcount.html`](https://oscxc.github.io/ospage/examples/blockcount.html)

6、跳转到指定页：[`examples/skip.html`](https://oscxc.github.io/ospage/examples/skip.html)

7、多个实例：[`examples/instances.html`](https://oscxc.github.io/ospage/examples/instances.html)

8、应用样式：

  style1:

  ![](examples/style1.png)

  style2:

  ![](examples/style2.png)

  style3:

  ![](examples/style3.png)

  style4:

  ![](examples/style4.png)

  style5:

  ![](examples/style5.png)

  自定义:

  请参考css文件修改

## 联系我们

欢迎加入下面QQ群

![](https://oscxc.github.io/Images/doc/contact.jpg)

## License

[MIT](LICENSE)