帝国cms首页、自定义页面实现自动分页帝国cms首页、自定义页面实现自动分页

生命不息,
折腾不止!

帝国cms首页、自定义页面实现自动分页

帝国CMS 首页、封面页、自定义页面等用SQL调用或者PHP调用信息时,帝国CMS本身无法实现分页,那么是否可以分页显示呢?答应是肯定的,利用JS分页插件即可实现分页功能。

第一步:在模板页面前引入JS文件,也就是加入 <script src="./js/page.js" ></script>

第二步:正常方式调用信息,万能标签,灵动标签,SQL调用,PHP调用都可以。

但是调用信用一定要用<li></li>,如:<li ><a href=" http://www.xxxx.com/ecms/169.html">[!--title--]</a></li>

完整代码如下:

<ul id="list" style="display:none;">
[ecmsinfo]2,20,30,0,0,13,0[/ecmsinfo]
</ul>
<ul id="list2"></ul>
<SCRIPT src="./js/page2.js"></SCRIPT>

这些位置不能改变,只要在 <ul></li>中添加调用就行了。

注意:在 <ul id="list" style="display:none;"> 前的 div 中加入 id="topnew"

这样做的效果是可以点击下一页自动转跳至文章列表页页头位置。

代码示例:

<!-- 首页文章列表 -->
    <div class="whitebg bloglist" id="topnew">
      <h2 class="htitle"><span class="hnav"><a href="/time.html" target="_blank">更多</a></span>最新文章</h2>
      <ul>

<ul id="list" style="display:none;">
[ecmsinfo]0,36,130,0,3,5,0[/ecmsinfo]
</ul>
<ul id="list2"></ul>
<script src="[!--news.url--]skin/jxhx/js/page2.index.js"></script>

      </ul>
    </div>
<!-- 首页文章列表 end -->

 

这样就搞定了,如果想要修改每页显示条数,可修改 page2.js 文件

<!--
var pager = new ETNGpager('list', 'list2', 25, 5); //25为每页显示条数。5为导航显示菜单数
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();
}
//-->

 

附件下载:帝国cms自动分行.zip (14.67 KB)

赞() 打赏
未经允许不得转载:我的博客 » 帝国cms首页、自定义页面实现自动分页
分享到: 更多 (0)

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这是评论测试

    DUX主题小秘7个月前 (09-17)回复
    • 飞歌导航东方红烦得很

      themebetter主题小秘3周前 (04-08)回复
  2. #2

    这是新的一条评论

    DUX主题小秘7个月前 (09-17)回复
  3. #3

    未来一年,中国的移动支付市场会是什么样?

    DUX主题小秘7个月前 (09-17)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

大前端WP主题 更专业 更方便

联系我们 联系我们