帝国CMS结合JS自定义手机端内容分页样式

帝国CMS自带的内容分页标签为[!--page.url--]，在制作多终端模板的时候，[!--page.url--]在手机端就会显得太长了，如果删掉一些[!--page.url--]在电脑端又显得太短。
完美的方法是自定义一个分页函数，在对于新手朋友太难，这里精准像素分享一个简单的方法，利用JS来完成，不太完美但基本功能都能实现。
手机版大致效果是这样

下面来说说代码，首先是模板代码

1. <div class="contentpage"> 
2.     <span class="pre">上一张</span> 
3.     <b class="nub"></b> 
4.     <span class="next">下一张</span> 
5.     <div id="page">[!--page.url--]</div> 
6. </div> 

然后是JS，

1. <script> 
2.         var num = $("#page").find("em").text(); 
3.         $(".nub").text(num); 
4.           
5.         $(".pre").click(function(){ 
6.             var url = $("#page").find("b").prev().attr("href"); 
7.               
8.             if(url){ 
9.                 window.location.href=url; 
10.             }else{ 
11.                 $(this).text("没有了") 
12.             } 
13.         }) 
14.         $(".next").click(function(){ 
15.             var url = $("#page").find("b").next().attr("href"); 
16.             if(url){ 
17.                 window.location.href=url; 
18.             }else{ 
19.                 $(this).text("没有了") 
20.             } 
21.         }) 
22.         </script> 

最后是内容分页函数代码，在/e/class/t_functions.php里面

1. //返回内容分页 
2. function sys_ShowTextPage($totalpage,$page,$dolink,$add,$type,$search=""){ 
3.     global $fun_r,$public_r; 
4.     if($totalpage==1) 
5.     { 
6.         return ''; 
7.     } 
8.     $page_line=$public_r['textpagelistnum']; 
9.     $snum=2; 
10.     //$totalpage=ceil($num/$line);//取得总页数 
11.     $firststr='<em>'.$page.'/'.$totalpage.'</em>'; 
12.     //上一页 
13.     if($page<>1) 
14.     { 
15.         $toppage='<a href="'.$dolink.$add[filename].$type.'">'.$fun_r['startpage'].'</a>'; 
16.         $pagepr=$page-1; 
17.         if($pagepr==1) 
18.         { 
19.             $prido=$add[filename].$type; 
20.         } 
21.         else 
22.         { 
23.             $prido=$add[filename].'_'.$pagepr.$type; 
24.         } 
25.         $prepage='<a href="'.$dolink.$prido.'">'.$fun_r['pripage'].'</a>'; 
26.     } 
27.     //下一页 
28.     if($page!=$totalpage) 
29.     { 
30.         $pagenex=$page+1; 
31.         $nextpage='<a href="'.$dolink.$add[filename].'_'.$pagenex.$type.'">'.$fun_r['nextpage'].'</a>'; 
32.         $lastpage='<a href="'.$dolink.$add[filename].'_'.$totalpage.$type.'">'.$fun_r['lastpage'].'</a>'; 
33.     } 
34.     $starti=$page-$snum<1?1:$page-$snum; 
35.     $no=0; 
36.     for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++) 
37.     { 
38.         $no++; 
39.         if($page==$i) 
40.         { 
41.             $is_1="<b>"; 
42.             $is_2="</b>"; 
43.         } 
44.         elseif($i==1) 
45.         { 
46.             $is_1='<a href="'.$dolink.$add[filename].$type.'">'; 
47.             $is_2="</a>"; 
48.         } 
49.         else 
50.         { 
51.             $is_1='<a href="'.$dolink.$add[filename].'_'.$i.$type.'">'; 
52.             $is_2="</a>"; 
53.         } 
54.         $returnstr.=''.$is_1.$i.$is_2; 
55.     } 
56.     $returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage; 
57.     return $returnstr; 
58. } 

CSS代码就不分享了，自己些吧。