零基础建站培训介绍

当前位置:

帝国CMS手机站点击加载更多的实现方法

手机站制作时,它的分页功能往往与PC网站不一样,手机站采用点击加载更多的方式来显示更多内容。如果在制作手机网站时,实现点击加载更多的功能呢?

手机站点击加载更多

下面学做网站论坛以帝国CMS手机站为例,介绍一下帝国CMS手机站点击加载更多的实现方法。(如果是Wordpress程序,可以参考:如何制作手机网站下拉加载翻页

方法/步骤

  1. 新建一个空白的HTML网页,然后将以下代码粘贴到网页中,并保存为getmore.php;
    
    
    <?php
    $ye=$_GET["next"];
    $clasid=$_GET["classid"];
    require("e/class/connect.php");
    require("e/class/db_sql.php");//连接数据库(注意修改路径)
    $link=db_connect();
    $empire=new mysqlquery();

    ?>

    <?php
    $yeshu = $ye*15;
    $sql=$empire->query("select * from {$dbtbpre}ecms_news where classid in ('$clasid') order by newstime limit $yeshu,15"); //第次加载15条记录
    while($rs=$empire->fetch($sql)) //循环获取查询记录
    {
    $src = $rs[id];

    $xwtitle=$rs['title'];
    $xwtitleurl=$rs['titleurl'];
    $xwtitlepic=$rs['titlepic'];
    $smalltext=$rs['smalltext'];
    $newstime=$rs['newstime'];
    $onclick=$rs['onclick'];
    $tuurl=$public_r[add_www_moban5_cn_urli];
    ?>
    <li> <a href="<?=$xwtitleurl?>" title="<?=$xwtitle?>" class="p_img"><img src="<?=$tuurl?><?=$xwtitlepic?>" alt="<?=$xwtitle?>"></a>
    <p> <a href="<?=$xwtitleurl?>" title="<?=$xwtitle?>" class="p_title"><?=$xwtitle?></a> <span class="s_info"><?=$smalltext?></span> <span class="s_time"><?=date('Y-m-d',$newstime)?></span> </p>
    </li>

    <?php }
    db_close(); //关闭MYSQL链接
    $empire=null; //注消操作类变量

    ?>
  2. 将getmore.php文件上传到e/action文件夹下;
  3. 在帝国CMS列表模板里,放上以下的代码用于循环显示列表文章;
    
    
    <div class="list_img">
    <ul>
    [!--empirenews.listtemp--]
    <!--list.var1-->
    [!--empirenews.listtemp--]
    </ul>
    </div>
    <div class="more_wrap"><a id="cly_load" href="javascript:void(0);">点击查看更多 &gt;</a></div>
  4. 在帝国CMS列表模板特别底部,放上以下的JS代码,实现点击加载数据;
    
    
    <?php
    $tsql2=$empire->query("select * from {$dbtbpre}enewsclass where bclassid='$GLOBALS[navclassid]'");
    $i=0;
    $aex= array();
    while($tr=$empire->fetch($tsql2)){
    $aaa2=$tr['classid'];
    $aex[$i]=$aaa2;
    $i++;
    }
    $chare = implode(",", $aex);

    if(1==$GLOBALS[navclassid] || 2==$GLOBALS[navclassid] || 3==$GLOBALS[navclassid]){$ccid=$chare;}else{$ccid=$GLOBALS[navclassid];}

    $num=$empire->gettotal("select count(*) as total from www_moban5_cn_ecms_news where classid in ('$ccid')");
    $zongshu= $num - 15;
    $page = ceil($zongshu/15);
    ?>

    <script language="javascript" type="text/javascript">
    var is_have_con = "Y";
    $(function(){
    var pagenum = 1; //设置当前页数
    var page = <?=$page?>;//总页数
    var currentclass = <?=$GLOBALS[navclassid]?>;
    $('.more_wrap').on('click',function(){
    if(is_have_con=="Y"){
    $.ajax({
    url : '/api/getajax_news.php',
    type:'get',
    data:{"next":pagenum,'classid':currentclass},
    dataType : 'html',
    beforeSend:function(){
    var str = '<a id="cly_load" href="javascript:void(0);">玩命加载中...</a>';
    $(".more_wrap").html(str);
    },
    success : function(data){
    if(page>=pagenum){
    $(".list_img ul").append(data);
    $(".more_wrap").html('<a id="cly_load" href="javascript:void(0);">点击加载更多 &gt;</a>');
    pagenum++;
    }else{
    $(".more_wrap").html('<a id="cly_load" href="javascript:void(0);">已全部加载完毕!</a>');
    is_have_con = "N";
    return false;
    }
    }
    });
    }
    });
    });
    </script>
  5. 列表内容模板(list.var)代码:
    
    
    $url=$public_r['add_www_moban5_cn_urli'];
    $listtemp='<li> <a href="[!--titleurl--]" title="[!--ftitle--]" class="p_img"><img src="'.$url.'[!--titlepic--]" alt="[!--ftitle--]" /></a>
    <p> <a href="[!--titleurl--]" title="[!--ftitle--]" class="p_title">[!--ftitle--]</a> <span class="s_info">[!--smalltext--]</span> <span class="s_time">[!--newstime--]</span> </p>
    </li>'
    ;
上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 帝国cms网站在本地做好了,或者网站想跟换服务器空间 ,网站该怎么完美的迁移?下面就分享下帝国CMS网站网站搬家迁移教程。 登录帝国后台:登陆后
  • 一、安装前准备工作运行环境: 确认您的空间(虚拟主机)支持“PHP和MySQL数据库”或服务器已经成功安装“PHP和MySQL数据库”。版本要求: PHP4.*以
  • 帝国CMS站点后台比较强大,我们可以在后台直接进行程序备份。操作步骤:1. 登录帝国CMS后台面板,单击左侧列表的 备份数据 选项。2. 设置备份
  • 网站上引用一些视频,如何让这些视频既支持电脑播放,又支持手机播放,我们可以通过 iframe 调用的方式来解决这个问题。首先让我们来了解一下<
  • 手机网站快速建站方法 图文教程 (16776 次浏览)
    在学做网站论坛的手机建站课程中讲到了如何通过代码方式建网站,今天介绍一个手机网站快速建站方法,通过下面的方法可以快速建立与PC网站同步的手机网
  • 制作自适应手机网站视频教程:https://www.xuewangzhan.net/gonggao/16271.html如果想让自己做的静态网页与动态程序结合在一起,就必须将静态页
  • 特效介绍:jQuery网格点击放大为幻灯片切换特效是一款可以将指定的网格内容扩展为旋转木马效果,通过前后导航按钮来轮流播放。浏览器支持:
  • 我们制作手机网站时,手机网站的菜单中有二级菜单时,用户点击含有二级菜单的导航应该先展开二级菜单,再点击时才跳转到链接地址。实现这种效果需要对
  • 网站制作过程中,我们会使用input来制作表单,默认情况下,表单在点击时会出现一个边框,不是很美观,那么怎么实现input表单在点击时去除边框呢?
  • 什么是同步加载在加载数据时仍然执行其他程序,通常加载时是不执行程序的,我们不得不等进度条,因为很多程序在没有加载数据时,可能是无法运行的,
  • 手机站制作时,它的分页功能往往与PC网站不一样,手机站采用点击加载更多的方式来显示更多内容。如果在制作手机网站时,实现点击加载更多的功能呢?
  • bootstrap框架是一种常用的响应式框架,它可以制作响应式网站。那么怎么在HTML网页中加载bootstrap框架呢?下面介绍一下方法。 首先从bootstra
  • html中marquee标签让图片水平滚动可以如下写法:[cce_html]<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"
  • 我们大家都知道通过搜索引擎获取的客户是特别精准的,要不就不会有那么多中小企业以及个人去做竞价、搜搜推广了,每天都是几十万的投入,当然这些适合
  • 在网页制作和网站开发过程中,网页上使用的字体往往由于浏览者电脑中没有相应的字体,达不到我们设计的效果。为了解决这个问题,我们可以直接使用我们
  • 做网站时,避免不了网站上有大量的图片。网站上的图片显示就需要使用img图片标签。HTML img图片标签写法[cce_html]<img src="图片地址" alt=
  • 在网站制作过程中经常需要使用到让div进行水平和垂直居中的技术。现在我们就来谈谈如何实现让div水平和垂直居中。Div标签水平居中方法Div
  • 通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、