最新公告
  • 欢迎光临酷网站-KUWZ.CN 本站专注极品源码亲测发布 不做垃圾搬运 只发极品!立即加入我们
  • 帝国CMS首页、自定义页面怎么实现分页功能?(帝国CMS首页以及自定义页面实现分页的方法)

      帝国CMS首页、自定义页面怎么实现分页功能?(帝国CMS首页以及自定义页面实现分页的方法)

      现在用帝国CMS建站的的朋友们越来越多了,使用人群越多,那么大家遇到的问题也就越多了,例如今天帝国模板网小编整理的问题:帝国CMS首页、自定义页面怎么实现分页功能呢?这个功能需求其实很多网友都能用上,那么今天帝国MCS模板网小编就来告诉大家帝国CMS首页以及自定义页面实现分页的方法!一起来了解一下吧:

      具体实现方法如下:

      帝国cms首页以及自定义页面如何实现分页,添加如下js代码即可:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>www.freexyz.cn</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>

      page.js(JS文件)

    <!--
    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('&nbsp;&nbsp;');
    this.result['limit'] = [this.startR,this.endR];
    this.result['report'] ='<a class="allpage"><b>'+this.cntR+'</b></a>&nbsp;&nbsp;' ;
    }
    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>';
    }
    //-->

      page2.js(JS文件)

    <!--
    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. 本站所有资源均来源于用户上传和网络,如有侵权请邮件联系站长!kuwz@foxmail.com (注明来意)
    2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!
    3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
    8. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    9. 如遇到加密压缩包,默认解压密码为"www.kuwz.cn",如遇到无法解压的请联系管理员!
    酷网站 » 帝国CMS首页、自定义页面怎么实现分页功能?(帝国CMS首页以及自定义页面实现分页的方法)

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    酷网站与独木源码网啥关系?
    (⊙o⊙)…简单来说,同一家的!

    发表评论

    • 3191会员总数(位)
    • 1457资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 1509勤劳运行(天)

    提供最优质的站长资源集合

    升级SVIP 极品资源
    升级SVIP尊享更多特权立即升级