实用jQuery分页特效插件jquery.pagination.js,基于jQuery实现,可根据pageselectCallback函数callback调用通过ajax调用动态数据,目前的方法是生成JSON数据到JS文件,调用的数据是JSON格式数据,缺点是数据是一次性读出来的,效率会差些,插件支持众多参数的自定义配置功能,还是很不错的,大家可以根据自己的想法进行改进。
使用方法:
1.加载插件和jQuery
<link rel="stylesheet" href="pagination.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.pagination.js"></script>
2.HTML内容
复制代码 代码如下:
<div class="pagination"></div>
3.函数调用
<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
查看DEMO 插件下载
以上所述就是本文的全部内容了,希望大家能够喜欢。
相关推荐:
优化型网站:提升企业竞争力的必备利器,重庆网站推广工作如何
ChatGPT怎么打不开了?揭秘背后的原因与解决方法,ai中打开ai文件丢失
SEO站外优化策略:提升网站排名的关键因素,遵义公司网站推广
SEO代做:让你的企业轻松登顶搜索引擎,快速提升曝光率,seo 提高注册量
目前AI软件有哪些?智能新时代的必备工具
seo涉及什么内容,seo主要包括 ,法医使用ai
SEO站群:打造强大网络营销引擎,助力企业快速提升排名与流量,seo网站排名案例
seO经理是什么岗位,seo经理招聘 ,ai写作重复被查
seo网络上什么意思,seo表示什么 ,如何避免今日头条ai写作检测
SEO费用如何根据预算选择最合适的SEO服务,营销类推广网站
ChatGPT登录503错误?轻松解决,快速恢复畅享智能体验!,ai怎么加植物材质效果
SEO译为:网站排名背后的优化策略,会展中心网站优化
seo网络培训是什么,seo工作培训会培训啥 ,ai长投影字
ChatGPTWindows版本:让AI助手成为你的工作与生活得力助手,Ai相减变形
AI工具汇总网站,让科技为您的工作加速
seo需要保持什么心态,seo的要求 ,ai83562
AI工具,让工作效率翻倍:AI工具教程全面解析
AI人工智能:开发与应用的必备软件推荐
软件我在AI:改变未来的智能助手
好用的AI写作工具,提升写作效率与创意的最佳选择
ChatGPT无法加载?检查您的网络设置并尝试重启ChatGPT,解决您的使用困扰!,ai光晕制作
SEO目的:如何通过精准优化提高网站流量与转化率,百度推广网站关键词
ChatGPT破解:人工智能未来的无限可能,污污AI解说
AI助手不需要登陆-畅享便捷生活,随时随地高效工作,ai客服 对话
seo重点工作是什么,seo重点工作是什么意思 ,棋谱检查ai
为什么“360收录”是你网站推广的必备利器,seo亚马逊
文章AI生成:让创作变得更简单、更高效!
ChatGPT手机下载后打不开?可能是这些问题导致的,解决方法在这里!,孤城ai动画
文章自动生成AI:助力写作新时代,让创作更高效
ChatGPTO1免费:突破智能聊天的极限,体验AI无限可能,糯米ai唱歌
创作新时代:自动生成文章AI的魅力与未来
用AI写的文章算原创吗?真相揭示,带你深度思考!
AI写作免费一键生成下载,助您轻松创作!
为什么选择收录网站是企业在线营销的必备策略,全网营销与推广
ChatGPT-4中文免费破解版:无需付费,体验最强AI助手,ai写作生成器官方下载
ChatGPT无服务:如何突破限制,未来人工智能的新可能,ai绘制装饰画
SEO新站优化指南:快速提升排名的必备技巧,海珠网站推广哪家有名
seo种草什么意思,seo yoo na ,三维地震反演AI
seo适合什么行业,seo适合的行业 ,在ai如何矢量化
GPT在什么时候被人熟知的?从技术突破到广泛应用的背后故事,ai商业新思维ai课程
seo灰帽是什么,灰帽是指什么 ,ai绘画六边形
ChatGPT:引领智能对话新潮流,助力未来科技,ai写作免费议论文
ChatGPT崩了?用户称打开是一片空白,背后隐藏了什么?,ai 新技巧
ChatGPTCanvex打不开?详细分析及解决方法助你顺利使用,ai2.5d网格线去除
SEO走动:提升网站流量的关键一步,SEO数据监控宝宝推荐
AI免费生成文章的软件:轻松创作的秘密武器
AI免费生成:开启智能创作新纪元,助力你的创意无限可能
SEO总结:如何通过优化提升网站排名与流量,关键词排名消失
什么是seo艺术,什么是seo seo有何价值 ,ai写作生成器 推荐
seo监控什么意思,seo数据监控 ,ai panda眼镜架