例如新闻模块的首页，做一个瀑布流：

1、瀑布流内容查询模板文件：index_data.html

<!--模块首页的list标签中调用，以下写法的意思是：开启分页，以每页显示10条-->
{list action=module module=MOD_DIR page=1 pagesize=10 urlrule=index.php?page=[page]}
<li><a href="{$t.url}">{$t.title}</a></li>
{/list}

2、瀑布流调用文件（首页）：index.html

首页内容调用部分代码：

....
<ul class="data-list">
{template "index_data.html"}
</ul>
....

js相应事件函数代码：

var dr_page = 1;
function dr_loading() {
    dr_page++; // 加载下一页的意思
    $.get('{SITE_URL}index.php?s={MOD_DIR}&c=api&m=template&name=index_data.html&page='+dr_page, function (html) {
    $('.data-list').append(html); // 将返回的内容追加到内容区域
    });
}

例如新闻模块的栏目列表，做一个瀑布流：

1、瀑布流内容查询模板文件：list_data.html

<?php $get.catid && $catid=$get.catid;?>
{list action=module catid=$catid order=updatetime page=1}
<li><a href="{$t.url}">{$t.title}</a></li>
{/list} {$sql}

2、瀑布流调用文件（列表）：list.html

调用部分代码：

....
<ul class="data-list">
{template "list_data.html"}
</ul>
....

js相应事件函数代码：

var dr_page = 1;
function dr_loading() {
    dr_page++; // 加载下一页的意思
    $.get('{SITE_URL}index.php?s={MOD_DIR}&c=api&m=template&name=list_data.html&catid={$catid}&page='+dr_page, function (html) {
    $('.data-list').append(html); // 将返回的内容追加到内容区域
    });
}