当前位置:Gxlcms > JavaScript > 原生javascript实现的分页插件pagenav_jquery

原生javascript实现的分页插件pagenav_jquery

时间:2021-07-01 10:21:17 帮助过:2人阅读

这一款是用原生javascript实现的分页插件pagenav,页码显示jquery插件,只需要存在#pageNav,则会在其中显示页码,调用时可根据需要先重写go方法.(已去除jquery依赖)。。。。

插件代码如下:

输出页码,可根据需要重写此方法 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/ 有需要的朋友自己扒代码吧,很简单,我就不提供直接下载了

人气教程排行