jpages中文api

需要引入的文件 :

 

containerID 字符串

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

要分页的项目的容器ID。它可以是ULOLDIV等。   

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,23将始终可见。

例如设置为4

 

 

endRange 整数

默认值: 1

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

keyBrowse Boolean

默认值: false

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

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

scrollBrowse Boolean

默认值: false

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

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

 

pause 整数

默认值: 0

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

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

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

clickStop 布尔值

默认值: true

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

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

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

delay 整数

默认值: 50

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

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

 

 

direction字符串

默认值: “forward”

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

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

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

animation 字符串

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

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

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

fallback 整数

默认值: 400

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

minHeight 布尔值

默认值: true

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

(设置容器最小高度)

回调函数

默认值: functionpagesitems{}

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

页面对象属性:

pages.current

当前页码

pages.interval

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

pages.count

总页数

项目对象属性:

items.showing

当前显示的项目的jQuery集合

items.oncomming

jQuery集合的项目在下一页

items.range

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

items.count

项目总数

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

posted @ 2017-03-28 20:22  Chen,ChunChang  阅读(1766)  评论(0编辑  收藏  举报