web前端|js教程
用js实现简单分页
web前端-js教程
分页功能对于网站建设来说,基本上是必不可少的。那么如何使用js实现简单的分页功能呢?对于新手或者非资深程序员来说,本篇文章关于js分页功能实现的介绍或许有所帮助。
微信自定义菜单源码 php,ubuntu查看网卡聚合,宝塔的tomcat 怎么用,jsoup爬虫网页,关于php的事,再谈seo seo灭亡论lzw
js实现简单分页代码示例如下:
社区首页源码,vscode命令安装插件,ubuntu开启xrdp,跨域tomcat配置,sqlite手机版中文版,爬虫可以爬网站上的视频吗,php 强制字符转换,佛山360 seo推广费用,html网站素材,苹果6手机模板下载 迅雷下载lzw
1.HTML代码:
商家广告联盟源码,Ubuntu不能识别apt,tomcat6批量生成证书,爬虫蜘蛛繁殖方法,php函数两个文件同时打开,seo引用域lzw
上一页 1 2 3 4 5 下一页
2.js代码:
$(function(){ var curpage=1;//当前页码 var maxpage = 10;//最大页码if(maxpage > 1) $("#nextpage").addClass("active");$("#rowsToshow").change(function(){ console.log($("#rowsToshow").val()); }) $("#prepage").live("click",function(){ curpage = curpage - 1; pageshow(curpage,maxpage); }) $("#nextpage").live("click",function(){ curpage = curpage + 1; pageshow(curpage,maxpage); }) $("#pagecontrol li a").live("click",function(){ curpage = Number($(this).text()); pageshow(curpage,maxpage); }) }) function pageshow(cp,tp){var sp = cp - 2;//startpage var ep = cp + 2;//endpage var eoff = ep - tp;//tp:totalpage if(eoff>0){sp = sp - eoff; } if(sp<=0){ ep = ep -sp + 1; } var str = \; if(cp != 1) str = str +
上一页 else str = str + 上一页 for(var i= sp;i0&& i<=tp){if(i == cp) str = str + \+i+\;else str = str + \+i+\; } }if(cp != tp) str = str + 下一页; else str = str + 下一页; $("#pagecontrol").html(str); }
【相关文章推荐】
php实现分页效果的示例
怎样用PHP实现列表分页功能
使用PHP实现简单分页类及其详细的使用方法
javascript实现分页功能