花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

帝國CMS結(jié)合JS自定義手機端內(nèi)容分頁樣式

時間: 2020-09-16 10:47 閱讀: 作者:素材無憂網(wǎng)

帝國CMS自帶的內(nèi)容分頁標簽為[!--page.url--],在制作多終端模板的時候,[!--page.url--]在手機端就會顯得太長了,如果刪掉一些[!--page.url--]在電腦端又顯得太短。

完美的方法是自定義一個分頁函數(shù),在對于新手朋友太難,這里織夢無憂分享一個簡單的方法,利用JS來完成,不太完美但基本功能都能實現(xiàn)。

手機版大致效果是這樣

帝國CMS結(jié)合JS自定義手機端內(nèi)容分頁樣式

下面來說說代碼,首先是模板代碼

<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)容分頁樣式

標簽:  
相關(guān)文章
模板推薦