需要引入的文件 :
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
项目总数
看看如何为这里的分页创建一个图例。