织梦利用Ajax实现瀑布流下拉无限加载（不带点击加载按钮）

瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格。采用瀑布流布局的网站操作简单，在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现在你面前。

瀑布流最实用于图片类的网站或者做淘客网站，这样的功能对用户体验极好，也能减少网站的跳出率，对优化也有好处，教大家如何在DedeCMS织梦网站中使用这个功能：

一、找到并打开/plus/list.php文件，在里面找到如下代码（大概在第12行）：

require_once(dirname(__FILE__)."/../include/common.inc.php");

在其下面添加如下代码：

二、则在需要无限加载的模板引用jquery文件，如果网站模版中没有引用jquery文件，则引用下面这个js代码，也可以把JS下载下来放你的网站加载，这里使用百度的外链，节省资源：

<script src=http://www.dede58.com/a/dedejq/"http:/libs.baidu.com/jquery/1.9.0/jquery.js"></script>

三、在模板底部添加如下代码：

1、上面的代码中的$('.listbox').append(arr.join(''));里的listbox对应模板内列表的外框class属性。

2、arr.push部分对应的是列表中单篇文章的代码。

3、这样就可以想要使用瀑布流无线加载了。

4、如果在其它页调用的话只需把代码中的typeid:{dede:field name="typeid"/} 修改为typeid:5（5 就是我们要调用文章的栏目ID）即可。

注意：很多人在调试这个功能的时候可能把标签写成了{dede:list pagesize='10'}{/dede:list} 要用{dede:arclist row="15"}{/dede:arclist}才可以，不然文章是加载不出来的！