实用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
相关内容
这些是最新的
热门关键词
pagination(1) Elastislide(1) 服务器配置(1) 返回顶部代码(4) Illustrator破解版(1) 大陆(1) 特效插件(3) 强制不换行(1) 滚动代码(1) 鼠标跟随(1) (2) 右侧(1) IE6(1) Retina(1) linux服务器(1) mysql(1) 购物网站(1) 3D功能(1) 网页(1) 返回顶部(4) 服务器(1) 网页设计教程(1) 百度直达号出炉后微信会慌吗?(1) 布局(2) 网页按钮(1) 滚动效果(1) win7(5) slicebox(1) Bootstrap(1) 教程(1)热门排行
- 输入框提示文字跨浏览器的placeholder-jQuery版(jQuery插件EnPlaceholder)
- jQuery刮刮卡特效插件jQuery.eraser
- 非常优秀响应式jQuery焦点图插件bxSlider
- 分享12个非常好的免费矢量资源网站
- 效果最好的焦点图幻灯片jQuery插件Skippr
- 基于Bootstrap改造的国产前端框架 H-ui
- 支持响应式的jQuery焦点图片无缝滚动切换特效插件Elastislide
- 实用jQuery分页特效插件jquery.pagination.js
- jQuery全屏鼠标滚动切换页面特效插件multiScroll.js
- 手机网站WebApp页面布局JS UI 框架App.js