国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > CMS > 帝國Empire > 正文

帝國CMS結合JS自定義手機端內容分頁樣式

2024-08-28 12:30:18
字體:
來源:轉載
供稿:網友
這篇文章主要為大家詳細介紹了帝國CMS結合JS自定義手機端內容分頁樣式,具有一定的參考價值,感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。

   帝國CMS自帶的內容分頁標簽為,在制作多終端模板的時候,在手機端就會顯得太長了,如果刪掉一些在電腦端又顯得太短。完美的方法是自定義一個分頁函數,在對于新手朋友太難,這里織夢模板分享一個簡單的方法,利用JS來完成,不太完美但基本功能都能實現。

    手機版大致效果是這樣

帝國CMS結合JS自定義手機端內容分頁樣式

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

<div class="contentpage">    <span class="pre">上一張</span>    <b class="nub"></b>    <span class="next">下一張</span>    <div id="page"></div></div>

然后是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>

最后是內容分頁函數代碼,在/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='<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代碼這里織夢模板就不分享了,大家可以根據自己的實際情況自己寫吧。

以上就是帝國CMS結合JS自定義手機端內容分頁樣式的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 林周县| 红桥区| 扬州市| 资中县| 烟台市| 巴塘县| 铁力市| 纳雍县| 岑巩县| 乌兰县| 武强县| 涞水县| 陇西县| 岐山县| 永嘉县| 海门市| 长治县| 拉萨市| 兴和县| 宣威市| 榆社县| 文成县| 中西区| 神木县| 辽阳市| 福安市| 安徽省| 客服| 页游| 乐亭县| 小金县| 和林格尔县| 新和县| 久治县| 贵州省| 从化市| 临湘市| 萨嘎县| 江川县| 昆明市| 万源市|