您现在的位置是：网站首页>建站学院帝国CMS
帝国cms首页、自定义页面如何实现分页
2020-05-01来源： 【帝国CMS】
人已围观
简介帝国cms首页以及自定义页面如何实现分页，添加如下js代码即可<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>www.bubuxiu.com</title>
<meta name="keywords" content="" />
<meta name="descr
帝国cms首页以及自定义页面如何实现分页，添加如下js代码即可
page.js
page2.js
<!doctype html><html><head><meta charset="gb2312"><title>www.bubuxiu.com</title><meta name="keywords" content="" /><meta name="description" content="" /><script src="page.js"></script></head><body><ul id="list" style="display:none;">[e:loop={'selfinfo',10,0,0}]<li><a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" ></li> [/e:loop]</ul><ul id="list2"></ul><script src="page2.js"></script></body></html><!--var ETNGpager = function( srcName, dstName, cntPP, cntPS ){this.srcName = srcName;this.dstName = dstName;this.curP = 1;//默认当前页为第一页this.cntPP = cntPP || 2;//默认每页两条纪录this.cntPS = cntPS || 3;//默认每页显示5个分页上下文this.items = [];this.showPNP = true;/*显示上下页链接*/this.showType = true;/*滑动分页*/this.result = {pagedata:[],pagebar:'',limit:[0,0],report:''};this.parse();/*总纪录数*/}ETNGpager.prototype.page = function (){this.cntP = Math.ceil(this.cntR/this.cntPP);/*总页数*/this.cntS = Math.ceil(this.cntP/this.cntPS);/*总段数*/this.curS = Math.ceil(this.curP/this.cntPS);/*当前段*/this.preP = this.curP -1;/*上一页*/this.nextP = this.curP +1;/*下一页*/this.preS = this.curS -1;/*上一段*/this.nextS = this.curS +1;/*下一段*/this.startR = (this.curP -1)*this.cntPP + 1;/*起始纪录*/this.endR = (this.curP*this.cntPP >this.cntR)?this.cntR:this.curP*this.cntPP;/*结束纪录*/this.result['pagedata']=[];if(this.showType){this.perSide = Math.floor(this.cntPS/2);this.startP = (this.curP > this.perSide)?(this.curP - this.perSide):1;this.endP = (this.startP + this.cntPS)>this.cntP?this.cntP:(this.startP + this.cntPS);}else{this.startP = (this.curS-1)*this.cntPS+1;this.endP = (this.curS*this.cntPS>this.cntP)?this.cntP:(this.curS*this.cntPS);}for(var i = this.startP;i<=this.endP;i++){this.result['pagedata'].push((i==this.curP)?'<a href="#topnew" class="curPage">'+i+'</a>':'<a href="#topnew" onclick="page('+i+')">'+i+'</a>');}if(this.showPNP){if(this.curP>1)this.result['pagedata'].unshift('<a href="#topnew" onclick="page('+(this.curP-1)+')">上一页</a>');if(this.curP<this.cntP)this.result['pagedata'].push('<a href="#topnew" onclick="page('+(this.curP+1)+')">下一页</a>');}this.result['pagebar'] = this.result['pagedata'].join(' ');this.result['limit'] = [this.startR,this.endR];this.result['report'] ='<a class="allpage"><b>'+this.cntR+'</b></a> ' ;}ETNGpager.prototype.parse = function (){var obj = document.getElementById(this.srcName);for(var i = 0;i<obj.childNodes.length;i++){if(obj.childNodes[i].nodeType!=3)this.items[this.items.length]=obj.childNodes[i].innerHTML;}this.cntR = this.items.length;return this.items.length;}ETNGpager.prototype.create=function(){this.page();document.getElementById(this.dstName).innerHTML='<li>'+this.items.slice(this.startR-1,this.endR).join('</li><li>')+'</li>';document.getElementById(this.dstName).innerHTML+='<div class="pagelist mt20">'+this.result['report']+this.result['pagebar']+'</div>';}//--><!--var pager = new ETNGpager('list', 'list2', 25, 5); //25为每页显示条数。10为导航显示菜单数var curP = 1;page()function page(i) { curP = (curP > pager.cntP) ? 1 : curP; if (i) { curP = n = i; } else { n = curP++; } pager.curP = (n > pager.cntP) ? pager.cntP : n; pager.create();}//-->很赞哦！ ()
上一篇：一段可以让整个网站变黑白代码
下一篇：返回列表
猜您喜欢
相关文章
付费说明
1、安装cms后台，费用是200，基础费用200包括后台调试以及部分页面模板修改.
2、请加我个人微信 634626966，或者扫一扫微信二维码。备注“网站”
3、系统安装只限定于帝国cms，并且支持php，虚拟主机，请选择linux系统
4、【收费说明】制作企业网站，我是这么收费的！
空间购买
文章评论
点击排行
猜你喜欢
