需要引入的文件 :

 

containerID 字符串

默认值: 必需!(无默认值)

要分页的项目的容器ID。它可以是UL,OL,DIV等。   

first  String || 假

默认值: false

在此参数中,您可以自定义导航中第一页的按钮。默认情况下,此参数设置为false,因此不会创建“第一个”按钮。

要设置此按钮的名称,您只需将其作为字符串传递。

如果要使用自定义元素而不是自动生成的元素,则可以传递该元素的选择器。

(在html里写结构,把该结构的选择器名作为参数传入)

前一个String || 假

默认值: “←上一个”

与参数'first'相同,但是对于'previous'按钮。

next String || 假

默认值: “下一步→”

与参数“第一”相同,但用于“下一步”按钮。

last String || 假

默认值: false

与参数'first'相同,但是对于按钮'last'。

startPage 整数

默认值: 1

应用插件时,您希望首先显示的页面。

perPage 整数

默认值: 10

每页显示的项目数。

midRange 整数

默认值: 5

一次显示的页面链接数,即,假设您有50页,而不是显示指向每个页面的链接,我们在当前页面周围显示一系列页面。

只是一个注意,中间范围值应该是一个奇数,所以显示是对称的,但它也可以是即使你喜欢。

例如 midRange设置为5

 

 

startRange 整数

默认值: 1

页面链接的数量总是在导航的起点可见。例如,如果将startRange设置为3,则无论当前页面是什么,页面链接1,2和3将始终可见。

例如设置为4

 

 

endRange 整数

默认值: 1

网页链接总数在nav的结尾处可见。

keyBrowse Boolean

默认值: false

如果将keyBrowse设置为true,则可以使用键盘左键和右键浏览这些页面。

(键盘左右键控制切换页面)

scrollBrowse Boolean

默认值: false

如果将scrollBrowse设置为true,当您将光标悬停在项目上时,可以使用滚轮在页面之间浏览。

(滚轮左右键控制切换页面)

 

pause 整数

默认值: 0

如果希望插件自动旋转“页面”,使用此参数可以控制每个“翻页”之间的暂停时间长度(以毫秒为单位)。

当暂停设置为false或0(默认值)时,页面不会自动旋转。查看此处的自动旋转示例。

(设置该参数有值可以自动切换,控制每个“翻页”之间的时间)

clickStop 布尔值

默认值: true

如果您通过设置暂停值激活页面轮换,则当用户首次通过将clickStop设置为true时单击导航链接时,可以停止自动翻页。

如果您希望页面继续翻转,请将其设置为false。

(当设置了pause时候,设置该值为true,点击切换以后,页面滚动会暂停

delay 整数

默认值: 50

如果您希望页面项目逐个显示,您可以控制项目显示与此参数之间的延迟(以毫秒为单位)。如果不设置任何值或将其设置为0,项目将同时显示。

(每个单独页面之间显示的时间的间隔)

 

 

direction字符串

默认值: “forward”

如果您在每个项目显示之间设置一个延迟时间,您也可以选择它们将出现的方向。

选项是: "forward", "backwards", "auto" or "random。

(设置了delay后,可以使用该参数控制他么延迟显示出来的方向

animation 字符串

默认值: 空字符串(无CSS3动画)

jPages与Animate.css完美配合,但您必须首先在页头添加此CSS3库的链接。一旦你这样做,你可以选择任何入口动画 - jPages只支持入口动画。。

如果你没有设置任何动画或者如果浏览器不支持CSS3动画,jPages将回退到jQuery fadeIn效果。您可以在参数“fallback”中自定义此效果的速度。

fallback 整数

默认值: 400

如果你没有在参数“animation”中设置CSS3动画,jPages会回退到jQuery fadeIn效果。您可以在此参数中计算淡入速度。你可以使用毫秒或字符串'fast','slow'和'normal'。

minHeight 布尔值

默认值: true

当翻页发生时,一些项目将被隐藏,而其他项目将被显示。如果您未设置容器的最小高度,您可能会在每次翻页时感觉到一些高度折叠。如果将minHeight设置为true,它将自动设置项容器的最小高度以解决此问题。如果要自己设置此属性的样式,请将minHeight设置为false。

(设置容器最小高度)

回调函数

默认值: function(pages,items){}

在此参数中,您可以传递将在每次翻页后运行的函数。此函数接收两个参数(对象),其中包含有关页面和项目的所有可用信息:

页面对象属性:

pages.current

当前页码

pages.interval

一个包含两个属性的对象 - interval.start和interval.end - 对应于导航中页面的midRange边缘。

pages.count

总页数

项目对象属性:

items.showing

当前显示的项目的jQuery集合

items.oncomming

jQuery集合的项目在下一页

items.range

一个包含两个属性的对象 - range.start和range.end - 对应于当前显示的项目范围。

items.count

项目总数

看看如何为这里的分页创建一个图例。

最新文章

  1. 使用ViewBag传送数据从控制器至视图
  2. linux下如何使用sftp命令【转】
  3. php随机数、时间、字符串函数,正则,数组函数
  4. 【循序渐进学Python】9.异常处理
  5. 六、动态增加方法Category
  6. Daily Scrum – 1/5
  7. JS面向对象编程创建类的方式
  8. leetcode Largest Rectangle in Histogram 解法二
  9. By类的使用
  10. hibernate加载实体映射文件 及映射文件auto-import
  11. grunt serve Fatal error: Port 35729 is already in use by another process.
  12. EffectiveC#5--始终提供ToString()
  13. SQL Server 2008空间数据应用系列三:SQL Server 2008空间数据类型
  14. 第5章 不要让线程成为脱缰的野马(Keeping your Threads on Leash) ---干净的终止一个线程
  15. redis启动脚本报错
  16. SQLServer之创建Transact-SQL游标
  17. 在Debian9服务器上安装最新版Python
  18. JetBrains GoLand 2018 激活码/ 注册码(最新破解方法)
  19. git push -u 用法
  20. Linux进程管理工具

热门文章

  1. Apache commons StringUtils 在运行时出现NoClassDefError错误的解决方法
  2. 兼容性测试中如何切换和管理多个JDK版本
  3. Android 中 LayoutParams 的用法
  4. 如何外部访问你的本地网站natapp
  5. Java中Arrays工具类
  6. BZOJ3729: Gty的游戏(伪ETT)
  7. Java Web 学习与总结(三)会话跟踪
  8. wpa2破解代码思路(教你写poc)
  9. [CSS3] 动画暗角按钮
  10. ReactNative常用组件库 victory-native 图表