麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 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自定義手機端內容分頁樣式的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 97久久精品一区二区三区观看 | 叉逼视频| 国产1区2区3区中文字幕 | 欧美成人一级片 | 日韩中文字幕一区二区三区 | 日韩激情在线视频 | 最新av在线免费观看 | 日韩黄a| 91精品国产乱码久久久久久久久 | 在线2区 | 91午夜少妇三级全黄 | 欧美日韩大片在线观看 | 欧美性黄 | 一边吃奶一边摸下娇喘 | 九色p| 国产精品区一区二区三区 | 91精品国产91久久久久久不卞 | 99re热精品视频 | 爱操视频| h视频免费看| 黄污在线观看 | 91av久久 | 日本网站一区二区三区 | www.99热视频| 欧美成人一区二区三区 | 亚洲精品 在线播放 | 午夜精品福利视频 | 久久精品国产一区二区电影 | 在线观看国产www | 日本成人一区二区三区 | 中文字幕免费看 | 欧美日韩在线播放 | 91色成人 | 亚洲日韩精品欧美一区二区 | 一级做a爱视频 | 国产亚洲精品综合一区91 | 一级大片视频 | 精品国产观看 | 激情在线观看视频 | 一区二区三区日韩电影 | 曰韩黄色片 |