手机站制作时,它的分页功能往往与PC网站不一样,手机站采用点击加载更多的方式来显示更多内容。如果在制作手机网站时,实现点击加载更多的功能呢?
下面学做网站论坛以帝国cms手机站为例,介绍一下帝国CMS手机站点击加载更多的实现方法。(如果是Wordpress程序,可以参考:如何制作手机网站下拉加载翻页)
方法/步骤
- 新建一个空白的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; //注消操作类变量
?>