您现在的位置是:网站首页>建站学院帝国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代码即可
<!doctype html>iWP企业网站模板免费下载_网站建设_企业网站建设方案
<html>iWP企业网站模板免费下载_网站建设_企业网站建设方案
<head>iWP企业网站模板免费下载_网站建设_企业网站建设方案
<meta charset="gb2312">iWP企业网站模板免费下载_网站建设_企业网站建设方案
<title>www.qunma.com.cn</title>iWP企业网站模板免费下载_网站建设_企业网站建设方案
<meta name="keywords" content="" />iWP企业网站模板免费下载_网站建设_企业网站建设方案
<meta name="description" content="" />iWP企业网站模板免费下载_网站建设_企业网站建设方案
<script src="page.js"></script>iWP企业网站模板免费下载_网站建设_企业网站建设方案
</head>iWP企业网站模板免费下载_网站建设_企业网站建设方案
<body>iWP企业网站模板免费下载_网站建设_企业网站建设方案
<ul id="list" style="display:none;">iWP企业网站模板免费下载_网站建设_企业网站建设方案
[e:loop={'selfinfo',10,0,0}]iWP企业网站模板免费下载_网站建设_企业网站建设方案
<li><a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" ></liiWP企业网站模板免费下载_网站建设_企业网站建设方案
[/e:loop]iWP企业网站模板免费下载_网站建设_企业网站建设方案
</ul>iWP企业网站模板免费下载_网站建设_企业网站建设方案
<ul id="list2"></ul><script src="page2.js"></script>iWP企业网站模板免费下载_网站建设_企业网站建设方案
</body>iWP企业网站模板免费下载_网站建设_企业网站建设方案
</html>
page.js
<!--iWP企业网站模板免费下载_网站建设_企业网站建设方案
var ETNGpager = function( srcName, dstName, cntPP, cntPS )iWP企业网站模板免费下载_网站建设_企业网站建设方案
{iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.srcName = srcName;iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.dstName = dstName;iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.curP   = 1;//默认当前页为第一页iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.cntPP   = cntPP || 2;//默认每页两条纪录iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.cntPS   = cntPS || 3;//默认每页显示5个分页上下文iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.items   = [];iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.showPNP = true;/*显示上下页链接*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.showType = true;/*滑动分页*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.result   = {pagedata:[],pagebar:'',limit:[0,0],report:''};iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.parse();/*总纪录数*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
}iWP企业网站模板免费下载_网站建设_企业网站建设方案
ETNGpager.prototype.page = function (){iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.cntP = Math.ceil(this.cntR/this.cntPP);/*总页数*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.cntS = Math.ceil(this.cntP/this.cntPS);/*总段数*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.curS = Math.ceil(this.curP/this.cntPS);/*当前段*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.preP = this.curP -1;/*上一页*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.nextP = this.curP +1;/*下一页*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.preS = this.curS -1;/*上一段*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.nextS = this.curS +1;/*下一段*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.startR = (this.curP -1)*this.cntPP + 1;/*起始纪录*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.endR = (this.curP*this.cntPP >this.cntR)?this.cntR:this.curP*this.cntPP;/*结束纪录*/iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.result['pagedata']=[];iWP企业网站模板免费下载_网站建设_企业网站建设方案
if(this.showType){iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.perSide = Math.floor(this.cntPS/2);iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.startP   = (this.curP > this.perSide)?(this.curP - this.perSide):1;iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.endP   = (this.startP + this.cntPS)>this.cntP?this.cntP:(this.startP + this.cntPS);iWP企业网站模板免费下载_网站建设_企业网站建设方案
}else{iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.startP   = (this.curS-1)*this.cntPS+1;iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.endP   = (this.curS*this.cntPS>this.cntP)?this.cntP:(this.curS*this.cntPS);iWP企业网站模板免费下载_网站建设_企业网站建设方案
}iWP企业网站模板免费下载_网站建设_企业网站建设方案
for(var i = this.startP;i<=this.endP;i++){iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.result['pagedata'].push((i==this.curP)?'<a  href="#topnew" class="curPage">'+i+'</a>':'<a  href="#topnew" onclick="page('+i+')">'+i+'</a>');iWP企业网站模板免费下载_网站建设_企业网站建设方案
}iWP企业网站模板免费下载_网站建设_企业网站建设方案
if(this.showPNP){iWP企业网站模板免费下载_网站建设_企业网站建设方案
if(this.curP>1)this.result['pagedata'].unshift('<a  href="#topnew" onclick="page('+(this.curP-1)+')">上一页</a>');iWP企业网站模板免费下载_网站建设_企业网站建设方案
if(this.curP<this.cntP)this.result['pagedata'].push('<a  href="#topnew" onclick="page('+(this.curP+1)+')">下一页</a>');iWP企业网站模板免费下载_网站建设_企业网站建设方案
}iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.result['pagebar'] = this.result['pagedata'].join('&nbsp;&nbsp;');iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.result['limit'] = [this.startR,this.endR];iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.result['report'] ='<a class="allpage"><b>'+this.cntR+'</b></a>&nbsp;&nbsp;' ;iWP企业网站模板免费下载_网站建设_企业网站建设方案
}iWP企业网站模板免费下载_网站建设_企业网站建设方案
ETNGpager.prototype.parse = function (){iWP企业网站模板免费下载_网站建设_企业网站建设方案
var obj = document.getElementById(this.srcName);iWP企业网站模板免费下载_网站建设_企业网站建设方案
for(var i = 0;i<obj.childNodes.length;i++){iWP企业网站模板免费下载_网站建设_企业网站建设方案
if(obj.childNodes[i].nodeType!=3)this.items[this.items.length]=obj.childNodes[i].innerHTML;iWP企业网站模板免费下载_网站建设_企业网站建设方案
}iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.cntR = this.items.length;iWP企业网站模板免费下载_网站建设_企业网站建设方案
return this.items.length;iWP企业网站模板免费下载_网站建设_企业网站建设方案
}iWP企业网站模板免费下载_网站建设_企业网站建设方案
ETNGpager.prototype.create=function(){iWP企业网站模板免费下载_网站建设_企业网站建设方案
this.page();iWP企业网站模板免费下载_网站建设_企业网站建设方案
document.getElementById(this.dstName).innerHTML='<li>'+this.items.slice(this.startR-1,this.endR).join('</li><li>')+'</li>';iWP企业网站模板免费下载_网站建设_企业网站建设方案
document.getElementById(this.dstName).innerHTML+='<div class="pagelist mt20">'+this.result['report']+this.result['pagebar']+'</div>';iWP企业网站模板免费下载_网站建设_企业网站建设方案
}iWP企业网站模板免费下载_网站建设_企业网站建设方案
//-->
page2.js
<!--iWP企业网站模板免费下载_网站建设_企业网站建设方案
var pager = new ETNGpager('list''list2', 25, 5); //25为每页显示条数。10为导航显示菜单数iWP企业网站模板免费下载_网站建设_企业网站建设方案
var curP = 1;iWP企业网站模板免费下载_网站建设_企业网站建设方案
page()iWP企业网站模板免费下载_网站建设_企业网站建设方案
 iWP企业网站模板免费下载_网站建设_企业网站建设方案
function page(i) {iWP企业网站模板免费下载_网站建设_企业网站建设方案
    curP = (curP > pager.cntP) ? 1 : curP;iWP企业网站模板免费下载_网站建设_企业网站建设方案
    if (i) {iWP企业网站模板免费下载_网站建设_企业网站建设方案
        curP = n = i;iWP企业网站模板免费下载_网站建设_企业网站建设方案
    else {iWP企业网站模板免费下载_网站建设_企业网站建设方案
        n = curP++;iWP企业网站模板免费下载_网站建设_企业网站建设方案
    }iWP企业网站模板免费下载_网站建设_企业网站建设方案
    pager.curP = (n > pager.cntP) ? pager.cntP : n;iWP企业网站模板免费下载_网站建设_企业网站建设方案
    pager.create();iWP企业网站模板免费下载_网站建设_企业网站建设方案
}iWP企业网站模板免费下载_网站建设_企业网站建设方案
//-->

很赞哦! ()

猜您喜欢

付费说明

    1、安装cms后台,费用是200,基础费用200包括后台调试以及部分页面模板修改.

    2、请加我个人微信 634626966,或者扫一扫微信二维码。备注“网站”

    3、系统安装只限定于帝国cms,并且支持php,虚拟主机,请选择linux系统

    4、【收费说明】制作企业网站,我是这么收费的!

文章评论

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取

站点信息

l