实用jQuery分页特效插件jquery.pagination.js
来源:互联网 发布:手机淘宝差评怎么写 编辑:程序博客网 时间:2024/05/17 23:59
实用jQuery分页特效插件jquery.pagination.js,基于jQuery实现,可根据pageselectCallback
函数callback调用通过ajax调用动态数据,目前的方法是生成JSON数据到JS文件,调用的数据是
JSON格式数据,缺点是数据是一次性读出来的,效率会差些,插件支持众多参数的自定义配置功能,
还是很不错的,大家可以根据自己的想法进行改进。
使用方法:
1.加载插件和jQuery
2.HTML内容
3.函数调用
1
<link rel=
"stylesheet"
href=
"pagination.css"
>
2
<script type=
"text/javascript"
src=
"jquery.min.js"
></script>
3
<script type=
"text/javascript"
src=
"jquery.pagination.js"
></script>
2.HTML内容
1
<
div
class
=
"pagination"
></
div
>
3.函数调用
01
<script type=
"text/javascript"
>
02
function
pageselectCallback(page_index, jq){
03
alert(page_index);
04
return
false
;
05
}
06
$(document).ready(
function
(){
07
$(
".pagination"
).pagination(100, {
08
callback: pageselectCallback,
09
10
num_edge_entries: 1,
11
12
});
13
});
14
</script>
参数配置解释
参数名 参数说明可选值 默认值
callback 点击分页按钮的回调函数函数 function(){return false;}
current_page 初始化时选中的页码 数字 0
items_per_page 每页每页显示的记录条数 数字10
link_to 分页链接字符串 #
num_display_entries最多显示的页码数 数字11
next_text ‘下一页’显示的文字 字符串Next
next_show_always 如果设置为false‘下一页’按钮只有在还能增加页码的情况下才显示 布尔值true
prev_show_always 如果设置为false‘上一页’按钮只有在还能导航到前一页的情况下才显示 布尔值true
prev_text ‘上一页’显示的文字 字符串Previous
num_edge_entries 如果设为1,那么永远会显示首页和末页 1或00
ellipse_text 从当前页码段到首页或末页之间的标识字符串 字符串…
load_first_page 如果设置为true,那么回调函数将在插件初始化时就执行 布尔值true
0 0
- 实用jQuery分页特效插件jquery.pagination.js
- 分页插件jquery.pagination.js
- jQuery分页插件jquery.pagination.js使用
- jQuery 分页插件 pagination
- 分页插件-jquery.pagination
- jquery.pagination.js分页插件的运用
- jquery.pagination.js分页插件的运用
- jquery分页插件pagination.js的使用
- jquery.pagination.js分页
- jquery.pagination.js分页
- jquery.pagination.js分页
- jquery.pagination.js分页
- jquery.pagination.js分页
- jquery.pagination.js分页
- jquery.pagination.js分页
- jQuery分页插件(jQuery Pagination)
- jquery分页插件jquery.pagination.js与springmvc整合
- jquery.pagination插件实现分页
- Mysql 查看当前连接用户
- JavaWeb - XML解析 - DOM
- oracle修改列的属性,给列重命名
- 判断一棵树是否对称
- Delphi中多线程用消息实现VCL数据同步显示
- 实用jQuery分页特效插件jquery.pagination.js
- 算法学习----各种排序算法的实现和对比2
- 终于把javamail android大概搞明白了
- Hadoop2.3.0+Hbase0.96.1.1+Hive0.14.0+Zookeeper3.4.6+Sqoop1.99.3安装配置流程
- 民企信息化建设个人经历(五)
- Objective-C自定义构造方法和description方法
- onInterceptTouchEvent和onTouchEvent调用时序
- 快速傅立叶变换(FFT)C语言函数
- 为什么浏览器User-agent总是有Mozilla字样——User-agent String里的历史故事