如果你想了解更多关于dedecms的知识可以点击：DEDECMS教程
1、在HTML模板头文件head引入下面代码：
<script></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'}
[field:pubdate function=”MyDate(‘Y-m-d’,@me)”/]
{/dede:arclist} {dede:arcpagelist tagid=’index’/}
上面两组标签中tagid=”index”要对应上
刷新页面会出来数字123
3、做翻页样式
找到文件dedeincludetaglibarcpagelist.lib.php
找到方法function multipage 翻页样式在这里修改
以下是做好的一断代码可以直接复制
function multipage($allItemTotal, $currPageNum, $pageSize, $tagid='') { if ($allItemTotal == 0) return ""; //计算总页数 $pagesNum = ceil($allItemTotal/$pageSize); //第一页显示 $firstPage = ($currPageNum [首页]" : "<a><span>[首页]</span></a>"; //最后一页显示 $lastPage = ($currPageNum >= $pagesNum)? "<span>[尾页]</span>". $currPageNum : "<a><span>[尾页]</span></a>"; //上一页显示 $prePage = ($currPageNum [上一页]" : "<a><span>[上一页]</span></a>"; //下一页显示 $nextPage = ($currPageNum >= $pagesNum) ? "<span>[下一页]</span>" : "<a><span>[下一页]</span></a>"; //共X页 共X条记录 $pagesNum2 = " 共 ".$pagesNum." 页 共 ".$allItemTotal." 条记录"; //按页显示 $listNums = ""; $listNums.= $firstPage; $listNums.= $prePage; for ($i=($currPageNum-4); $i $pagesNum) continue; if ($i == $currPageNum) { $listNums.= "<a><span>".$i."</span></a>"; }else { $listNums.= " <a><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> {dede:arcpagelist tagid='index'/} </div>
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
喜欢就支持一下吧
相关推荐
