需要引入的文件 :

 

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

项目总数

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

jpages中文api的更多相关文章

  1. [转载]fullPage.js中文api 配置参数~

    fullPage.js中文api 配置参数 选项 类型 默认值 说明 verticalCentered 字符串 true 内容是否垂直居中 resize 布尔值 false 字体是否随着窗口缩放而缩放 ...

  2. android SDK下载及中文API地址

    中文API:http://wiki.eoeandroid.com/Android_API_Guides Android Dev Tools官网地址:www.androiddevtools.cn 收集整 ...

  3. JQUERY MOBILE 中文API站 和 官方论坛

    中文API站:http://www.jqmapi.com/api1.2/preview/quickstartquide.html 官方论坛:http://bbs.phonegapcn.com/foru ...

  4. 设置Eclipse中文API提示信息

    准备工作:下载中文API到本机:http://download.java.net/jdk/jdk-api-localizations/jdk-api-zh-cn/publish/1.6.0/html_ ...

  5. [置顶] COcos2d-X 中文API

    本文来自http://blog.csdn.net/runaying ,引用必须注明出处! COcos2d-X 中文API 温馨提醒:使用二维码扫描软件,就可以在手机上访问我的博客啦!另外大家可以访问另 ...

  6. Android 中文 API (40) —— RatingBar

    Android 中文 API (40) —— RatingBar 前言 本章内容是 android.widget.RatingBar,译为"评分条",版本为Android 2.2 ...

  7. (转)jQuery验证控件jquery.validate.js使用说明+中文API

    官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 转载 ...

  8. Android 中文API (70) —— BluetoothDevice[蓝牙]

    前言 本章内容是  android.bluetooth.BluetoothDevice,为Android蓝牙部分的章节翻译.蓝牙设备类,代表了蓝牙通讯国足中的远端设备.版本为 Android  2.3 ...

  9. Android 中文API (69) —— BluetoothAdapter[蓝牙]

    前言 本章内容是  android.bluetooth.BluetoothAdapter,为Android蓝牙部分的章节翻译.本地蓝牙设备的适配类,所有的蓝牙操作都要通过该类完成.版本为 Androi ...

随机推荐

  1. 在Windows Server 2008上部署免费的https证书

    背景 后web时代,https加密的重要性不言而喻.主流浏览器均对http站点标记不安全,敦促web服务提供商尽快升级至https. 原先的https证书多由各大域名服务商提供,动辄成千上万的部署证书 ...

  2. sharepoint 2013工具

    caml designer 2013 生成caml工具 http://camlbuilder.codeplex.com/ 设计工具 CamlDesigner2013 爬网工具 HtmlAgilityP ...

  3. 1、认识Struts2

    先上百度百科的权威说明:一定注意我下面做标记的话: 框架就是一个半成品,就是可以帮我们完成一些业务 1. 什么是Struts2的框架 * Struts2是Struts1的下一代产品,是在 struts ...

  4. Syncthing源码解析

    Gogland编译Syncthing 源码目录说明 Syncthing启动过程分析 在Gogland中对Syncthing的各个模块进行调试 第三方库

  5. JS 获取各个偶数之和!!

    <html>    <head>        <meta charset="utf-8" />        <title>js& ...

  6. 【文文殿下】浅谈KMP算法next数组与循环节的关系

    KMP算法 KMP算法是一种字符串匹配算法,他可以在O(n+m)的时间内求出一个模式串在另一个模式串下出现的次数. KMP算法是利用next数组进行自匹配,然后来进行匹配的. Next数组 Next数 ...

  7. zTree第一章,纯静态

    zTree v3.5 Demo 演示 http://www.treejs.cn/v3/demo.php#_101 ------------------------------------------- ...

  8. DC010的精华分享【首发速看】

    世界黑客大会[DC010] 是全球安全圈最神秘.最前沿的黑客大派对 而作为中国首个受DEFCON授权支持成立的 地区性 信息 安全 技术交流平台 DEFCONGROUP 010(DC010) 在国内 ...

  9. [Flex] 组件Tree系列 —— 运用variableRowHeight和wordWrap设置可变行高

    mxml: <?xml version="1.0" encoding="utf-8"?> <!--功能描述:运用variableRowHeig ...

  10. jquery源码解析:addClass,toggleClass,hasClass详解

    这一课,我们将继续讲解jQuery对元素属性操作的方法. 首先,我们先看一下这几个方法是如何使用的: $("#div1").addClass("box1 box2&quo ...