#### 默认简易分页
![](https://box.kancloud.cn/0071d247b325bd784a97ea12b8b83710_672x88.png)
代码示例:
`HTML`
```
<div class="win-page win-page1 win-page-sm win-inline">
</div>
<div class="win-page win-page2 win-inline">
</div>
<div class="win-page win-page3 win-page-lg win-inline">
</div>
```
`Javascript`
```
$('.win-page1').pagination({
mode: 'fixed',
pageCount:5
});
$('.win-page2').pagination({
mode: 'fixed',
pageCount:5
});
$('.win-page3').pagination({
mode: 'fixed',
pageCount:5
});
```
*****
#### 扩展分页带文字
![](https://box.kancloud.cn/6fdc1dcaf5009bd6ae2312d548fd54f5_438x83.png)
代码示例:
`HTML`
```
<div class="win-page win-page4 win-inline">
</div>
<span class="win-page-count">共10页</span>
```
`Javascript`
```
$('.win-page4').pagination({
mode: 'fixed',
pageCount:10
});
```
*****
#### 扩展分页带页面跳转
![](https://box.kancloud.cn/7a394a5a2ebcb21261fef9e40fbceb05_652x83.png)
代码示例:
`HTML`
```
<div class="win-page win-page5 win-inline">
</div>
<span class="win-page-count">共30页</span>
```
`Javascript`
```
$('.win-page5').pagination({
keepShowPN:true,
prevContent: '<i class="win-icon win-icon-prev"></i>上一页',
nextContent: '下一页<i class="win-icon win-icon-next"></i>',
totalData: 150,
showData: 5,
coping: true,
jump: true,
callback: function (api) {
console.log(api.getCurrent())
}
});
```