JS分页方法简析

JS分页方法简析

JS分页方法简析

一、前言

一直苦于没有上手的换页插件，这几天上手自己编写了一段换页JS代码。

这其中利用了JQuery，同时对链接的样式引用了Bootstrap.css，所以同时应用这两者才能完全使用本插件。

提供资源：

下载 · JQuery
下载 · Bootstrap-CSS
下载 · 分页插件(需要JQuery&Bootstrap)

直接内部使用方法（JQuery需要在前面）

二、使用方法

1.将需要换页的div标记为：

2.将用于切换页面的a标记为：

3.将ul标记为：

• ...

4.用于直接切换上下页面的a标记为：

• …

• 代码即为

  //需要具体设置的参数！！

  第一页
  第二页
  第三页
  第四页
  ....
  第n页
• BACK
• 1
• 2
• 3

• …

• n
• NEXT
• 三、关键字解析
  1. showpage()函数

  这是一个必须主动设置的函数

  showpage()是插件里面重要的一个带参函数。

  其作用是执行showpage(i)时，隐藏所有div[set!=i]，只保