实用jQuery分页特效插件jquery.pagination.js
实用jQuery分页特效插件jquery pagination js,基于jQuery实现,可根据pageselectCallback函数callback调用通过ajax调用动态数据,目前的方法是生成JSON数据到JS文件,调用的数据是JSON格式数据,缺点是数据是一
实用jQuery分页特效插件jquery.pagination.js,基于jQuery实现,可根据pageselectCallback函数callback调用通过ajax调用动态数据,目前的方法是生成JSON数据到JS文件,调用的数据是JSON格式数据,缺点是数据是一次性读出来的,效率会差些,插件支持众多参数的自定义配置功能,还是很不错的,大家可以根据自己的想法进行改进。
使用方法:
1.加载插件和jQuery
2.HTML内容
- <link rel="stylesheet" href="pagination.css">
- <script type="text/javascript" src="jquery.min.js"></script>
- <script type="text/javascript" src="jquery.pagination.js"></script>
3.函数调用
- <div class="pagination"></div>
- <script type="text/javascript">
- function pageselectCallback(page_index, jq){
- alert(page_index);
- return false;
- }
- $(document).ready(function(){
- $(".pagination").pagination(100, {
- callback: pageselectCallback,
- num_edge_entries: 1,
- });
- });
- </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或0 0
ellipse_text 从当前页码段到首页或末页之间的标识字符串 字符串 …
load_first_page 如果设置为true,那么回调函数将在插件初始化时就执行 布尔值 true
相关热词:jQuery分页特效pagination
相关内容
这些是最新的
热门关键词
AE软件 返回顶部 js模块拖动 jQuery表单美化 伪静态 标签云 AdSense 彩色粉笔 js客服代码 滚动表格 绿色版 翻页效果 帝国CMS 交互式透明工具 slicebox Retina RangeSlider 指定位置 CSS3美化 触摸 wamp5 页面设计 PIGCMS 首字母转换成大写 vba代码 左右滚动 百度 幻灯片配音 jQuery编辑器 图片放大镜热门排行
- 手机网站WebApp页面布局JS UI 框架App.js
- 基于Bootstrap改造的国产前端框架 H-ui
- 漂亮jQuery 3D动画图片轮播切换特效插件jquery.slicebox.js
- 文字横向不间断滚动js代码
- 一款图片弹出层相册jQuery插件for jQuery or Zepto.js
- jQuery响应式手机端移动端幻灯片图片切换特效插件slick
- jQuery刮刮卡特效插件jQuery.eraser
- 非常优秀响应式jQuery焦点图插件bxSlider
- 实用jQuery分页特效插件jquery.pagination.js
- 实用的jQuery网页元素固定导航置顶插件StickUp