為企業提供網站平臺解決方案

178 7892 1916

QQ客服:點擊這里給我發消息 點擊這里給我發消息

最新動態:

DeDeCMS教程

你的位置:香港最准两码中特 > 建站知識 > DeDeCMS教程 > dede織夢瀑布流無限加載代碼

期期公开一码两码中特:dede織夢瀑布流無限加載代碼

發布時間:2013-09-15 20:53作者:香港最准两码中特網址:香港最准两码中特瀏覽:次
這個插件別人一般是賣幾十元的,我在這里拿出來跟大家免費分享的。因為我覺得技術這東西如果不是特別大特別麻煩的就應該免費大家共享下。;這里主要說明下安裝方法,具體文件在我的百度網盤里面有下載,在最后有鏈接地址。、 模板安裝方法: 1.將原有templets/def
這個插件別人一般是賣幾十元的,我在這里拿出來跟大家免費分享的。因為我覺得技術這東西如果不是特別大特別麻煩的就應該免費大家共享下。;這里主要說明下安裝方法,具體文件在我的百度網盤里面有下載,在最后有鏈接地址。、
模板安裝方法:

1.將原有templets/default文件夾備份.
2.將壓縮包內的文件全部覆蓋到網站根目錄.
3.將壓縮包內 templets 文件覆蓋到 templets.
4.生成首頁及相關頁面.
本套模板包含以下頁面模板:
首頁,文章列表,文章內容,產品列表,關于我們.
===================================================
每套模板都有一定的局限性,可能沒有像默認模板一樣包含各種模型的模板.
此版本為utf8版本,你也可以修改下編碼把utf8改為gbk來使用到gbk程序上面。
上圖是主要牽涉到的文件。
JS文件共需要4個。首先要在模版的頭部head之間調用出來。


 香港最准两码中特 www.ycvod.icu 
  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} 

 

要注意,本瀑布流為無限加載形式,所以分頁處一定要注意,調用方法為:

<h2 class="next_page" style="font-size:17px;">

{dede:pagelist listitem="next"/}

</h2>

另外,如果想要修改瀑布流的樣式,則修改style.css文件即可。

百度網盤下載地址:

//pan.baidu.com/share/link?shareid=763258023&uk=3456860829
快3怎么买稳赚不赔 真钱炸金花手机版下载 pk10平刷人工计划网页 pk10高手人工计划群 pk10有人用挂机方法吗 新时时倍投计划 pk10稳赚技巧数据多高 ag让我赢了一个月一天输光 数数字游戏1到21 pt电子游戏放水规律 中国体育彩票自助机 福彩3d怎样才能稳赚不赔 pk10免费永久计划 四川时时app下载手机版下载手机版下载 时时彩计划软件 内蒙古时时彩开彩结果