dedecms织梦真正能用的瀑布流实现方式

使用jquery-ias.min插件
下面贴出网站实战实例!
       <script src="/skin/page/jquery-ias.min.js"></script>
        <script type="text/javascript">
var ias = $.ias({
    container: ".layui-container", //包含所有文章的元素
    item: ".grid-anli", //文章元素
    pagination: ".pagelist", //分页元素
    next: ".pagelist a.nextpage", //下一页元素
});
ias.extension(new IASSpinnerExtension({
    src: "/images/load.gif", //此选项为加载时缓冲图片
    html: '<p style="text-align: center;"><img src="{src}"/></p>'
}));
ias.extension(new IASTriggerExtension({
    text: '点击加载更多', //此选项为需要点击时的文字
    html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',
    offset: !2, //设置此项,如 offset:2 页之后需要手动点击才能加载,offset:!1 则一直为无限加载
}));
ias.extension(new IASNoneLeftExtension({
    text: '已经加载完成!', // 加载完成时的提示
    html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',
}));
</script>
========================================写在头部
             <div class="layui-container">
                <div class="layui-row layui-col-space10">
                {dede:list pagesize='3'}
                <div class="layui-col-md4 grid-anli">
                    <figure>
                        <a href="[field:arcurl/]" title="[field:title/]">
                            <img src="[field:picname/]" alt="[field:title/]" class="js_thumb">
                            <figcaption>[field:title/]</figcaption>
                        </a>
                    </figure>
                </div>
                {/dede:list}
                </div>
                    <ul class="pagelist">
                        {dede:pagelist listitem="next" listsize="1" runphp=yes}
                        @me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0 class="nextpage"', @me);
                        {/dede:pagelist}
                    </ul>
            </div>
===========================================这里是调用内容。分页元素一定要带上

亲测可以实现织梦的瀑布流调用!!!