帝国CMS结合JS自定义手机端内容分页样式
帝国CMS自带的内容分页标签为[!--page.url--],在制作多终端模板的时候,[!--page.url--]在手机端就会显得太长了,如果删掉一些[!--page.url--]在电脑端又显得太短。
完美的方法是自定义一个分页函数,在对于新手朋友太难,这里精准像素分享一个简单的方法,利用JS来完成,不太完美但基本功能都能实现。
手机版大致效果是这样
下面来说说代码,首先是模板代码
上一张 下一张[!--page.url--]
然后是JS,
最后是内容分页函数代码,在/e/class/t_functions.php里面
//返回内容分页 function sys_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=''.$page.'/'.$totalpage.''; //上一页 if($page<>1) { $toppage=''.$fun_r['startpage'].''; $pagepr=$page-1; if($pagepr==1) { $prido=$add[filename].$type; } else { $prido=$add[filename].'_'.$pagepr.$type; } $prepage=''.$fun_r['pripage'].''; } //下一页 if($page!=$totalpage) { $pagenex=$page+1; $nextpage=''.$fun_r['nextpage'].''; $lastpage=''.$fun_r['lastpage'].''; } $starti=$page-$snum<1?1:$page-$snum; $no=0; for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++) { $no++; if($page==$i) { $is_1=""; $is_2=""; } elseif($i==1) { $is_1=''; $is_2=""; } else { $is_1=''; $is_2=""; } $returnstr.=''.$is_1.$i.$is_2; } $returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage; return $returnstr; }
CSS这里就不发出来了,根据自己网站的情况自己写一下吧。
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 建站教程 > 帝国CMS结合JS自定义手机端内容分页样式