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

分类:建站教程 时间:2024-12-22 19:01 浏览:0 评论:0
0

帝国CMS自带的内容分页标签为[!--page.url--],在制作多终端模板的时候,[!--page.url--]在手机端就会显得太长了,如果删掉一些[!--page.url--]在电脑端又显得太短。

完美的方法是自定义一个分页函数,在对于新手朋友太难,这里精准像素分享一个简单的方法,利用JS来完成,不太完美但基本功能都能实现。


手机版大致效果是这样


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


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


    上一张
    
    下一张
    [!--page.url--]

然后是JS,

最后是内容分页函数代码,在/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=''.$page.'/'.$totalpage.'';
    //上一页
    if($page<>1)
    {
        $toppage=''.$fun_r['startpage'].'';
        $pagepr=$page-1;
        if($pagepr==1)
        {
            $prido=$add[filename].$type;
        }
        else
        {
            $prido=$add[filename].'_'.$pagepr.$type;
        }
        $prepage=''.$fun_r['pripage'].'';
    }
    //下一页
    if($page!=$totalpage)
    {
        $pagenex=$page+1;
        $nextpage=''.$fun_r['nextpage'].'';
        $lastpage=''.$fun_r['lastpage'].'';
    }
    $starti=$page-$snum<1?1:$page-$snum;
    $no=0;
    for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++)
    {
        $no++;
        if($page==$i)
        {
            $is_1="";
            $is_2="";
        }
        elseif($i==1)
        {
            $is_1='';
            $is_2="";
        }
        else
        {
            $is_1='';
            $is_2="";
        }
        $returnstr.=''.$is_1.$i.$is_2;
    }
    $returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;
    return $returnstr;
}

CSS这里就不发出来了,根据自己网站的情况自己写一下吧。


1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长!
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 建站教程 > 帝国CMS结合JS自定义手机端内容分页样式

用户评论

function fuckyou() { window.close(); window.location = "about:blank"; } function ck() { console.profile(); console.profileEnd(); if (console.clear) { console.clear() }; if (typeof console.profiles == "object") { return console.profiles.length > 0; } } function hehe() { if ((window.console && (console.firebug || console.table && /firebug/i.test(console.table()))) || ( typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)) { fuckyou(); } if (typeof console.profiles == "object" && console.profiles.length > 0) { fuckyou(); } } hehe(); window.onresize = function() { if ((window.outerHeight - window.innerHeight) > 200) fuckyou(); }