帝國CMS自帶的內(nèi)容分頁標簽為[!--page.url--],在制作多終端模板的時候,[!--page.url--]在手機端就會顯得太長了,如果刪掉一些[!--page.url--]在電腦端又顯得太短。
完美的方法是自定義一個分頁函數(shù),在對于新手朋友太難,這里織夢無憂分享一個簡單的方法,利用JS來完成,不太完美但基本功能都能實現(xiàn)。
手機版大致效果是這樣
下面來說說代碼,首先是模板代碼
<p class="contentpage"> <span class="pre">上一張</span> <b class="nub"></b> <span class="next">下一張</span> <p id="page">[!--page.url--]</p> </p>
然后是JS,
<script> var num = $("#page").find("em").text(); $(".nub").text(num); $(".pre").click(function(){ var url = $("#page").find("b").prev().attr("href"); if(url){ window.location.href=url; }else{ $(this).text("沒有了") } }) $(".next").click(function(){ var url = $("#page").find("b").next().attr("href"); if(url){ window.location.href=url; }else{ $(this).text("沒有了") } }) </script>
最后是內(nèi)容分頁函數(shù)代碼,在/e/class/t_functions.php里面
//返回內(nèi)容分頁 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);//取得總頁數(shù) $firststr='<em>'.$page.'/'.$totalpage.'</em>'; //上一頁 if($page<>1) { $toppage='<a href="'.$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='<a href="'.$dolink.$prido.'">'.$fun_r['pripage'].'</a>'; } //下一頁 if($page!=$totalpage) { $pagenex=$page+1; $nextpage='<a href="'.$dolink.$add[filename].'_'.$pagenex.$type.'">'.$fun_r['nextpage'].'</a>'; $lastpage='<a href="'.$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='<a href="'.$dolink.$add[filename].$type.'">'; $is_2="</a>"; } else { $is_1='<a href="'.$dolink.$add[filename].'_'.$i.$type.'">'; $is_2="</a>"; } $returnstr.=''.$is_1.$i.$is_2; } $returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage; return $returnstr; }
CSS代碼就不分享了,自己些吧。
版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: 帝國CMS結(jié)合JS自定義手機端內(nèi)容分頁樣式