8 626 2021-02-05 16:07:26
收藏帝国CMS自带的内容分页标签为[!--page.url--],在制作多终端模板的时候,[!--page.url--]在手机端就会显得太长了,如果删掉一些[!--page.url--]在电脑端又显得太短。
完美的方法是自定义一个分页函数,在对于新手朋友太难,这里精准像素分享一个简单的方法,利用JS来完成,不太完美但基本功能都能实现。
下面来说说代码,首先是模板代码
<div class="contentpage"> <span class="pre">上一张</span> <b class="nub"></b> <span class="next">下一张</span> <div id="page">[!--page.url--]</div> </div>
然后是JS,
<script>
varnum=$("#page").find("em").text();
$(".nub").text(num);
$(".pre").click(function(){
varurl=$("#page").find("b").prev().attr("href");
if(url){
window.location.href=url;
}else{
$(this).text("没有了")
}
})
$(".next").click(function(){
varurl=$("#page").find("b").next().attr("href");
if(url){
window.location.href=url;
}else{
$(this).text("没有了")
}
})
</script>
最后是内容分页函数代码,在/e/class/t_functions.php里面
//返回内容分页
functionsys_ShowTextPage($totalpage,$page,$dolink,$add,$type,$search=""){
global$fun_r,$public_r;
if($totalpage==1)
{
return'';
}
$page_line=$public_r['textpagelistnum'];
$snum=2;
//$totalpage=ceil($num/$line);//取得总页数
$firststr='<em>'.$page.'/'.$totalpage.'</em>';
//上一页
if($page<>1)
{
$toppage='<ahref="'.$dolink.$add[filename].$type.'">'.$fun_r['startpage'].'</a>';
$pagepr=$page-1;
if($pagepr==1)
{
$prido=$add[filename].$type;
}
else
{
$prido=$add[filename].'_'.$pagepr.$type;
}
$prepage='<ahref="'.$dolink.$prido.'">'.$fun_r['pripage'].'</a>';
}
//下一页
if($page!=$totalpage)
{
$pagenex=$page+1;
$nextpage='<ahref="'.$dolink.$add[filename].'_'.$pagenex.$type.'">'.$fun_r['nextpage'].'</a>';
$lastpage='<ahref="'.$dolink.$add[filename].'_'.$totalpage.$type.'">'.$fun_r['lastpage'].'</a>';
}
$starti=$page-$snum<1?1:$page-$snum;
$no=0;
for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++)
{
$no++;
if($page==$i)
{
$is_1="<b>";
$is_2="</b>";
}
elseif($i==1)
{
$is_1='<ahref="'.$dolink.$add[filename].$type.'">';
$is_2="</a>";
}
else
{
$is_1='<ahref="'.$dolink.$add[filename].'_'.$i.$type.'">';
$is_2="</a>";
}
$returnstr.=''.$is_1.$i.$is_2;
}
$returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;
return$returnstr;
}
CSS代码就不分享了,自己些吧。
本文地址:https://xzo.com.cn/develop/empire/222.html

如果您认可我们的分享,有意与我们合作开展帝国cms网站建设与开发业务或插件定制,请联系右侧在线客服。我们能给您的,就是高质量的模板与售后。
标注了信息来源为下载鸥的文章皆为原创,如果是转载的优质文章,我们也都标注了出处。如果您喜欢我们的文章,请按照下载鸥所标注的文章出处进行标注,谢谢您的配合。

帝国cms是一款功能极为强大的cms程序,性能强悍、安全性高,可轻松支持10万数据,高级开发人员可制作出能容纳千万数据量的网站,是国内最出色的开源cms程序之一,推荐企业用户使用。
当前最新版本为7.5,8.0版本即将上线,新版本的核心优化点在于多终端的适配。
从优化的角度来说,帝国CMS的动态tag由于是带问号的URL,搜索引擎不大喜欢,收录...
帝国cms默认的下载地址是点击后弹窗一个小窗口,用户体验度并不好,但我们可以...
最近发现想要用帝国CMS开发博客的客户越来越多,但帝国cms本身更多的是支持企...
帝国CMS是一款相当安全的开源cms程序,如果使用规范的模板,一般是不会被挂马的...
想要在帝国cms后台禁止发布标题相同的信息,或是在发布信息时验证一下标题是...
一般而言,帝国cms出现502错误的原因在于数据量较为庞大,而模板又不够高效,最终...
我们知道,帝国cms既可以做动态页,也可以做静态页,还可以做伪静态页。那么,他们...
每次更新发布文章tag信息后,tag数据表的时间会自动同步,但tag信息表的修改时...
本插件适用于内网用户,可查看单篇文章访问者ip地址。如果添加访问者ip组,可查...
帝国CMS自带的搜索功能虽然强大,但也有很强的局限性 -- 必须关键词完全匹配...
百度开放了系列AI功能api如图像上色、图像去雾、图像修复、无损放大、清晰...
通过本插件,可以实现帝国cms网站对接百度云api实现图像无损放大的功能。经过...
本插件基于帝国cms帝国cms每日自动审核插件,在自动审核指定条数信息的基础上...
一直没看到好用的帝国cms在线考试插件,所以自己开发了一款。在线考试插件用...
采集站的必备资源是自动审核,要做到日收录也离不开定时发布。而本插件的自动...
使用帝国cms的企业用户、新闻资讯类站点的用户很多,此类站点很多时候需要有...