需要引入的文件 :

 

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. ASP.NET MVC 通过ActionFilterAttribute来实现防止重复提交

    实现思想:每个页面打开的时候会在页面的隐藏控件自动生成一个值并将这个值赋值session,当提交方法的时候会在过滤器的时候进行获取session和页面传值过来的隐藏控件的值进行比较,如果值相同的话,重 ...

  2. 接口和抽象类的使用场景以及多类继承存在的问题(c#)

    我们首先来看下抽象class能发挥优势的使用场景. 假设有一个Cars基类,具体型号的Car继承该基类,并实现自己独有的属性或方法. public class Cars { public string ...

  3. .net core 2.0 mvc 初步学习

    mvc_study *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !impor ...

  4. 1270: Wooden Sticks [贪心]

    点击打开链接 1270: Wooden Sticks [贪心] 时间限制: 1 Sec 内存限制: 128 MB 提交: 31 解决: 11 统计 题目描述 Lialosiu要制作木棍,给n根作为原料 ...

  5. 2018 OCP 052最新题库及答案-4

    4.For which requirement should you configure shared servers? A) accommodating an increasing number o ...

  6. Java多线程(汇聚页)

    Java多线程(汇聚页) Java多线程总结

  7. [转] FFmpeg常用基本命令

    [FFmpeg]FFmpeg常用基本命令 1.分离视频音频流 ffmpeg -i input_file -vcodec copy -an output_file_video //分离视频流 ffmpe ...

  8. 【Hadoop & Ecilpse】Exception in thread "main" org.apache.hadoop.security.AccessControlException: Permission denied: user=bruce, access=WRITE, inode="/out2/_temporary/0":atguigu:supergroup:drwxr-xr-x

    问题再现: 使用本机 Ecilpse  (Windows环境) 去访问远程 hadoop 集群出现以下异常: 问题原因: 因为远程提交的情况下如果没有 hadoop 的系统环境变量,就会读取当前主机的 ...

  9. IDEA External libraries 不显示Maven中引入的repository

    原文:https://blog.csdn.net/dj_dengjian/article/details/88668012 记录一下遇到的这个问题的解决方法,也是困惑了半天,感觉这是maven的bug ...

  10. CentOS7 安装 Visual Code

    官网下载 rpm 安装文件 运行 rpm -ivh 试一下 sudo rpm -ivh xxx.rpm 有可能弹出提出:libxx.so() need by xxxrpm ,反正意思是缺组件,去下载安 ...