dede织梦瀑布流无限加载代码

1.将原有templets/default文件夹备份.
2.将压缩包内的文件全部覆盖到网站根目录.
3.将压缩包内 templets 文件覆盖到 templets.
4.生成首页及相关页面.
本套模板包含以下页面模板:
首页,文章列表,文章内容,产品列表,关于我们.
===================================================
每套模板都有一定的局限性,可能没有像默认模板一样包含各种模型的模板.
此版本为utf8版本，你也可以修改下编码把utf8改为gbk来使用到gbk程序上面。
上图是主要牵涉到的文件。
JS文件共需要4个。首先要在模版的头部head之间调用出来。

<link href="{dede:global.cfg_templets_skin/}/style.css" rel="stylesheet" type="text/css"/>   
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery-1.6.4.min.js"></script>   
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.masonry.min.js"></script>   
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/waterfall.js"></script>   
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/scrolltop.js"></script>

瀑布流调用方法：

一、首页调用方法。

{dede:arclist row=200 titlelen=32 noflag='h'}   
            <!-- 图片 -->   
            <li class="post">   
            <span class="sc"><a href="#">喜欢</a></span>   
            <span class="view"><a href="[field:arcurl/]"></a></span>   
            <div class="link">   
            <span class="img">   
            [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' target='_blank'><img src='{@me['litpic']}'/></a>"); [/field:array]   
            <span class="arr"><span></span></span>          </span>   
            <span class="text">   
            <em>   
            <b><a href="[field:arcurl/]" class="title">[field:title/]</a></b>   
            <p>   
                [field:description/]...    
            </p>   
            </em>   
            <p class="info">   
                <a href="[field:arcurl/]" class="view" title=" 访问">[field:click/]</a>   
                <a href="#" class="good" title="好评">[field:scores/]</a>   
             </p>   
            </span>   
            </div>   
            </li>               
{/dede:arclist}

二、列表页调用方法：

{dede:list pagesize='80'}   
            <!-- 图片 -->   
            <li class="post">   
            <span class="sc"><a href="#">喜欢</a></span>   
            <span class="view"><a href="#"></a></span>   
            <div class="link">   
            <span class="img">   
            [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a href='{@me['arcurl']}' target='_blank'><img src='{@me['litpic']}'/></a>"); [/field:array]   
            <span class="arr"><span></span></span>          </span>   
            <span class="text">   
            <em>   
            <b><a href="[field:arcurl/]" class="title">[field:title/]</a></b>   
            <p>   
                [field:description/]...    
            </p>   
            </em>   
            <p class="info">   
                <a href="#" class="view" title=" 访问">[field:click/]</a>   
                <a href="#" class="good" title="好评">[field:scores/]</a>   
             </p>   
            </span>   
            </div>   
            </li>               
{/dede:list}

要注意，本瀑布流为无限加载形式，所以分页处一定要注意，调用方法为：

{dede:pagelist listitem="next"/}

另外，如果想要修改瀑布流的样式，则修改style.css文件即可。

百度网盘下载地址：http://pan.baidu.com/s/1eQJ21B8