您的位置 首页 DEDECMS

dedecms怎么分页样式

如果你想了解更多关于dedecms的知识可以点击:DEDECMS教程 1、在HTML模板头文件head引入下面代码: <script language=”javascript…

如果你想了解更多关于dedecms的知识可以点击:DEDECMS教程

1、在HTML模板头文件head引入下面代码:

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>        <script>        function multi(pagenum,tagid)        {            var taget_obj = document.getElementById(tagid);            var taget_obj_page = document.getElementById("page_"+tagid);            myajax = new DedeAjax(taget_obj,false,false,'','','');            myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+'&tagid='+tagid);            myajax = new DedeAjax(taget_obj_page,false,false,'','','');            myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+'&tagid='+tagid);            DedeXHTTP = null;        }        </script>

以上是引用AJAX功能,实现时时翻页功能。

2、做模板页的标签代码:

{dede:arclist typeid='14' titlelen='200' row='100' tagid='index' pagesize='5'}        <li>            <p><a href="[field:arcurl/]" target="_blank">[field:title/]...</a></p>            <p>[field:pubdate function="MyDate('Y-m-d',@me)"/]</p>        </li>       {/dede:arclist}   {dede:arcpagelist tagid='index'/}

上面两组标签中tagid=”index”要对应上

刷新页面会出来数字123

3、做翻页样式

找到文件dede\include\taglib\arcpagelist.lib.php

找到方法function multipage 翻页样式在这里修改

以下是做好的一断代码可以直接复制

function multipage($allItemTotal, $currPageNum, $pageSize, $tagid=''){    if ($allItemTotal == 0) return "";    //计算总页数    $pagesNum = ceil($allItemTotal/$pageSize);    //第一页显示    $firstPage = ($currPageNum <= 1) ? "<span>[首页]</span>" : "<a href='javascript:multi(1,\"{$tagid}\")' title='第1页'><span>[首页]</span></a>";    //最后一页显示    $lastPage = ($currPageNum >= $pagesNum)? "<span>[尾页]</span>". $currPageNum : "<a href='javascript:multi(". $pagesNum . ",\"{$tagid}\")' title='第". $pagesNum ."页'><span>[尾页]</span></a>";    //上一页显示    $prePage  = ($currPageNum <= 1) ? "<span>[上一页]</span>" : "<a href='javascript:multi(". ($currPageNum-1) . ",\"{$tagid}\")'  accesskey='p'  title='上一页'><span>[上一页]</span></a>";    //下一页显示    $nextPage = ($currPageNum >= $pagesNum) ? "<span>[下一页]</span>" : "<a href='javascript:multi(". ($currPageNum+1) .",\"{$tagid}\")' title='下一页'><span>[下一页]</span></a>";    //共X页 共X条记录    $pagesNum2 = "&nbsp;&nbsp;共&nbsp;".$pagesNum."&nbsp;页&nbsp;&nbsp;共&nbsp;".$allItemTotal."&nbsp;条记录";    //按页显示    $listNums = "";    $listNums.= $firstPage;    $listNums.= $prePage;    for ($i=($currPageNum-4); $i<($currPageNum+9); $i++) {        if ($i < 1 || $i > $pagesNum) continue;        if ($i == $currPageNum)        {            $listNums.= "<a href='javascript:void(0)' class='thislink'><span>".$i."</span></a>";        }else         {            $listNums.= " <a href='javascript:multi(". $i .",\"{$tagid}\")' title='". $i ."'><span>". $i ."</span></a> ";        }    }    $listNums.= $nextPage;    $listNums.= $lastPage;    $listNums.= $pagesNum2;    $returnUrl = $listNums;    return $returnUrl;}

刷新后效果:[首页][上一页]12345[下一页][尾页]

3、做CSS分页样式

在模板头文件head中间加入如下代码:

<style>* {    padding: 0;    margin: 0;}/*  * 外面盒子样式---自己定义  */.page_div {    font-size: 12px;    font-family: "microsoft yahei";    color: #666666;    margin-right: 10px;    padding-left: 42px;    box-sizing: border-box;}/* * 页数按钮样式 */.page_div span {    min-width: 30px;    height: 28px;    border: 1px solid #dce0e0!important;    text-align: center;    margin: 0 4px;    cursor: pointer;    line-height: 28px;    color: #666666;    font-size: 13px;    display: inline-block;}</style>

4、调用CSS样式:

<div class="page_div" align="center">    {dede:arcpagelist tagid='index'/}</div>

以上就是dedecms怎么分页样式的详细内容,更多请关注24小时课堂在线其它相关文章!

本文来自网络,不代表24小时课堂在线立场,转载请注明出处:https://www.24ketang.cn/8247.html

为您推荐

返回顶部