帝国CMS首页以及自定义页面如何实现分页，添加如下js代码即可：
<!doctypehtml> <html> <head> <metacharset="utf-8"> <title>www.freexyz</title> <metaname="keywords"content="关键字"/> <metaname="description"content="简介"/> <scriptsrc="page.js"></script> </head> <body> <ulid="list"style="display:none;"> [e:loop={'selfinfo',10,0,0}] <li><ahref="<?=$bqsr[titleurl]?>"title="<?=$bqr[title]?>"></li> [/e:loop] </ul> <ulid="list2"></ul><scriptsrc="page2.js"></script> </body> </html>page.js(JS文件)
<!-- varETNGpager=function(srcName,dstName,cntPP,cntPS) { this.srcName=srcName; this.dstName=dstName; this.curP=1;//默认当前页为第一页 thistPP=cntPP||2;//默认每页两条纪录 thistPS=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(){ thistP=Math.ceil(thistR/thistPP);/*总页数*/ thistS=Math.ceil(thistP/thistPS);/*总段数*/ this.curS=Math.ceil(this.curP/thistPS);/*当前段*/ 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)*thistPP+1;/*起始纪录*/ this.endR=(this.curP*thistPP>thistR)?thistR:this.curP*thistPP;/*结束纪录*/ this.result['pagedata']=[]; if(this.showType){ this.perSide=Math.floor(thistPS/2); this.startP=(this.curP>this.perSide)?(this.curP-this.perSide):1; this.endP=(this.startP+thistPS)>thistP?thistP:(this.startP+thistPS); }else{ this.startP=(this.curS-1)*thistPS+1; this.endP=(this.curS*thistPS>thistP)?thistP:(this.curS*thistPS); } for(vari=this.startP;i<=this.endP;i++){ this.result['pagedata'].push((i==this.curP)?'<ahref="#topnew"class="curPage">'+i+'</a>':'<ahref="#topnew"onclick="page('+i+')">'+i+'</a>'); } if(this.showPNP){ if(this.curP>1)this.result['pagedata'].unshift('<ahref="#topnew"onclick="page('+(this.curP-1)+')">上一页</a>'); if(this.curP<thistP)this.result['pagedata'].push('<ahref="#topnew"onclick="page('+(this.curP+1)+')">下一页</a>'); } this.result['pagebar']=this.result['pagedata'].join(' '); this.result['limit']=[this.startR,this.endR]; this.result['report']='<aclass="allpage"><b>'+thistR+'</b></a> '; } ETNGpager.prototype.parse=function(){ varobj=document.getElementById(this.srcName); for(vari=0;i<obj.childNodes.length;i++){ if(obj.childNodes[i].nodeType!=3)this.items[this.items.length]=obj.childNodes[i].innerHTML; } thistR=this.items.length; returnthis.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+='<divclass="pagelistmt20">'+this.result['report']+this.result['pagebar']+'</div>'; } //-->page2.js(JS文件)
<!-- varpager=newETNGpager('list','list2',25,5);//25为每页显示条数。10为导航显示菜单数 varcurP=1; page() functionpage(i){ curP=(curP>pagertP)?1:curP; if(i){ curP=n=i; }else{ n=curP++; } pager.curP=(n>pagertP)?pagertP:n; pager.create(); } //-->好了，快去试试吧!
声明：有的资源均来自网络转载，版权归原作者所有，如有侵犯到您的权益 请联系邮箱：312334557@qq.com 我们将配合处理！
原文地址：《帝国CMS首页、自定义页面怎么实现分页功能》发布于2022-10-08 14:15:47
