原生javascript实现的分页插件pagenav_jquery
程序员文章站
2022-04-24 14:33:25
...
这一款是用原生javascript实现的分页插件pagenav,页码显示jquery插件,只需要存在#pageNav,则会在其中显示页码,调用时可根据需要先重写go方法.(已去除jquery依赖)。。。。
插件代码如下:
/*
**************************
author:Keel (keel.sike@gmail.com)
**************************
页码显示jquery插件,只需要存在#pageNav,则会在其中显示页码.
调用时可根据需要先重写go方法.(已去除jquery依赖)
**************************
示例(注意:页面中放置id为pageNav的html对象):
//转到页码时触发的自定义方法,p为当前页码,pn为总页数
pageNav.fn = function(p,pn){
alert(p+","+pn);
};
//初始跳到第3页,共33页
pageNav.go(3,33);
*/
var pageNav = pageNav || {};
pageNav.fn = null;
//p为当前页码,pn为总页数
pageNav.nav = function(p, pn) {
//只有一页,直接显示1
if (pn = 7) {
re += "...";
start = p - 4;
var e = p + 4;
end = (pn " + showPageNo + " ";
return H;
};
//显示当前页
pageNav.pHtml2 = function(pageNo) {
var H = " " + pageNo + " ";
return H;
};
//输出页码,可根据需要重写此方法
pageNav.go = function(p, pn) {
//$("#pageNav").html(this.nav(p,pn)); //如果使用jQuery可用此句
document.getElementById("pageNav").innerHTML = this.nav(p, pn);
if (this.fn != null) {
this.fn(this.p, this.pn);
};
};
效果如下:
演示地址:http://demo.jb51.net/js/2014/pagenav/ 有需要的朋友自己扒代码吧,很简单,我就不提供直接下载了
上一篇: Struts文件上传需要注意的地方(最简单的文件上传)
下一篇: NIO通信示例