首页 > 免费源码 > DEDE > dede织梦瀑布流无限加载代码
2014
07-25

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

模板安装方法:

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

  1. <link href=“{dede:global.cfg_templets_skin/}/style.css” rel=“stylesheet” type=“text/css”/>   
  2. <script type=“text/javascript” src=“{dede:global.cfg_templets_skin/}/js/jquery-1.6.4.min.js”></script>   
  3. <script type=“text/javascript” src=“{dede:global.cfg_templets_skin/}/js/jquery.masonry.min.js”></script>   
  4. <script type=“text/javascript” src=“{dede:global.cfg_templets_skin/}/js/waterfall.js”></script>   
  5. <script type=“text/javascript” src=“{dede:global.cfg_templets_skin/}/js/scrolltop.js”></script>  

瀑布流调用方法：

一、首页调用方法。

  1. {dede:arclist row=200 titlelen=32 noflag=’h’}   
  2.             <!– 图片 –>   
  3.             <li class=“post”>   
  4.             <span class=“sc”><a href=“#”>喜欢</a></span>   
  5.             <span class=“view”><a href=“[field:arcurl/]”></a></span>   
  6.             <div class=“link”>   
  7.             <span class=“img”>   
  8.             [field:array runphp=’yes’]@me = (empty(@me[‘litpic’]) ? “” : “<a href='{@me[‘arcurl’]}’ target=’_blank’><img src='{@me[‘litpic’]}’/></a>”); [/field:array]   
  9.             <span class=“arr”><span></span></span>          </span>   
  10.             <span class=“text”>   
  11.             <em>   
  12.             <b><a href=“[field:arcurl/]” class=“title”>[field:title/]</a></b>   
  13.             <p>   
  14.                 [field:description/]…    
  15.             </p>   
  16.             </em>   
  17.             <p class=“info”>   
  18.                 <a href=“[field:arcurl/]” class=“view” title=” 访问”>[field:click/]</a>   
  19.                 <a href=“#” class=“good” title=“好评”>[field:scores/]</a>   
  20.              </p>   
  21.             </span>   
  22.             </div>   
  23.             </li>               
  24. {/dede:arclist}   

二、列表页调用方法：

  1. {dede:list pagesize=’80‘}   
  2.             <!– 图片 –>   
  3.             <li class=“post”>   
  4.             <span class=“sc”><a href=“#”>喜欢</a></span>   
  5.             <span class=“view”><a href=“#”></a></span>   
  6.             <div class=“link”>   
  7.             <span class=“img”>   
  8.             [field:array runphp=’yes’]@me = (empty(@me[‘litpic’]) ? “” : “<a href='{@me[‘arcurl’]}’ target=’_blank’><img src='{@me[‘litpic’]}’/></a>”); [/field:array]   
  9.             <span class=“arr”><span></span></span>          </span>   
  10.             <span class=“text”>   
  11.             <em>   
  12.             <b><a href=“[field:arcurl/]” class=“title”>[field:title/]</a></b>   
  13.             <p>   
  14.                 [field:description/]…    
  15.             </p>   
  16.             </em>   
  17.             <p class=“info”>   
  18.                 <a href=“#” class=“view” title=” 访问”>[field:click/]</a>   
  19.                 <a href=“#” class=“good” title=“好评”>[field:scores/]</a>   
  20.              </p>   
  21.             </span>   
  22.             </div>   
  23.             </li>               
  24. {/dede:list}   

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

{dede:pagelist listitem=”next”/}

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

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

最后编辑：
作者：漱石
这个作者貌似有点懒，什么都没有留下。
站内专栏 站点 QQ交谈 腾讯微博 新浪微博
捐 赠如果您觉得这篇文章有用处，请支持作者！鼓励作者写出更好更多的文章！

您可能还会对这些文章感兴趣！

《dede织梦瀑布流无限加载代码》有 1 条评论

留下一个回复