8 666 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版本即将上线,新版本的核心优化点在于多终端的适配。
帝国CMStag作为聚合页,应用十分广泛。但作为聚合页,配图往往是必不可少的。帝...
如果网站会员数量较多,展示会员总数与最新注册会员名可以有效提升用户留存。...
在帝国cms开发时,我们经常要给栏目配置高亮效果。栏目高亮判断循环的id等于...
帝国cms默认是一个账号只能一个人登陆,其他人登陆时之前在线的用户将被挤下...
很多帝国cms站点设置了多级会员,不同的会员具备不同的浏览下载权限。在这个...
Discuz是一个相当流行的论坛系统,现在百度站长论坛还是使用的discuz。帝国cm...
帝国cms的视频播放功能比较强大,支持的视频源格式也比较多。但除了使用帝国c...
帝国cms拦截关键词可以在用户投稿输入指定关键词后进行拦截,并变成白屏。功...
帝国cms有自带的给关键词添加内链功能,但需要手动添加关键词,容易出现疏漏和...
许多网站会做一些小功能小插件给客户使用以增强用户黏性,比如图片转文字,这种...
帝国cms 对接纳米数据(www.nami.com)接口,本接口主要接收、整理足球比赛实时数...
本插件基于帝国cms帝国cms每日自动审核插件,在自动审核指定条数信息的基础上...
一直没看到好用的帝国cms在线考试插件,所以自己开发了一款。在线考试插件用...
通过本插件,可以实现帝国cms网站对接百度云api实现图像无损放大的功能。经过...
本插件适用于内网用户,可查看单篇文章访问者ip地址。如果添加访问者ip组,可查...
帝国cms默认只有上次登录时间与ip,没有一个记录清单,所以今天,我们分享这个帝...