您好,登錄后才能下訂單哦!
先看一下百葉窗廣告列表效果圖:
在看一下html代碼部分:
<div class="flash5" style="margin-top: 50px"> <ul> <li class="first" style="width: 538px;"> <div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0705/20170705112019277.jpg" width="538" height="405" alt="新品分類" class="tm"></div> <div class="imgCen" style="display: block;">新品分類</div> <div class="imgBot"><a href="#"><p class="bt_1">新品分類</p><p class="bt_2" style="display: block;"><span>震撼來臨</span></p></a></div> </li> <li style="width: 107px;"> <div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704064031577.jpg" width="538" height="405" alt="原創分類" class="tm"></div> <div class="imgCen" style="display: none;">原創分類</div> <div class="imgBot"><a href="#"><p class="bt_1">原創分類</p><p class="bt_2" style="display: none;"><span>原創分類</span></p></a></div> </li> <li style="width: 107px;"> <div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704063915862.jpg" width="538" height="405" alt="進口分類" class="tm"></div> <div class="imgCen" style="display: none;">進口分類</div> <div class="imgBot"><a href="#"><p class="bt_1">進口分類</p><p class="bt_2" style="display: none;"><span>進口分類</span></p></a></div> </li> <li style="width: 107px;"> <div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704063931264.jpg" width="538" height="405" alt="現貨分類" class="tm"></div> <div class="imgCen" style="display: none;">現貨分類</div> <div class="imgBot"><a href="#"><p class="bt_1">現貨分類</p><p class="bt_2" style="display: none;"><span>現貨分類</span></p></a></div> </li> <li style="width: 107px;"> <div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0705/20170705112109720.jpg" width="538" height="405" alt="輕奢分類" class="tm"></div> <div class="imgCen" style="display: none;">輕奢分類</div> <div class="imgBot"><a href="#"><p class="bt_1">輕奢分類</p><p class="bt_2" style="display: none;"><span>輕奢分類</span></p></a></div> </li> <li style="width: 107px;"> <div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704063800847.jpg" width="538" height="405" alt="定制分類" class="tm"></div> <div class="imgCen" style="display: none;">定制分類</div> <div class="imgBot"><a href="#"><p class="bt_1">定制分類</p><p class="bt_2" style="display: none;"><span></span></p></a></div> </li> <li class="fast" style="width: 107px;"> <div class="imgTop"><img src="http://*.maifang158.com/uploadfile/2017/0704/20170704063800847.jpg" width="538" height="405" alt="其他分類" class="tm"></div> <div class="imgCen" style="display: none;">其他分類</div> <div class="imgBot"><a href="#"><p class="bt_1">其他分類</p><p class="bt_2" style="display: none;"><span></span></p></a></div> </li> </ul> </div>
具體方法函數文件:phpcms/modules/content/classes/content_tag.class.php
增加一下函數:
/** * 廣告位循環調用 * @param $data */ public function ads($data) { $this->dbads = pc_base::load_model('poster_model'); $where = '1'; $spaceid = $data['spaceid'] ? intval($data['spaceid']) :""; if ($spaceid) $where .= " AND `spaceid`='".$spaceid."' AND disabled='0'" ; $return= $this->dbads->select($where, '*', $data['limit'], $data['order']); $result=array(); foreach ($return AS $value){ $result[$value['id']]['title']=$value['name']; $temp=string2array($value['setting']); $result[$value['id']]['alt']=$temp['1']['alt']; $result[$value['id']]['imageurl']=$temp['1']['imageurl']; $result[$value['id']]['url']=$temp['1']['linkurl']; } return $result; }
在來看一下標簽調用:
{pc:content action="ads" spaceid="12" order="listorder ASC" num="7"} <ul> {php $a=0;} {loop $data $r} {php $a++;} <li {if $a==1}class="first"{elseif $a==7}class="fast"{/if}> <div class="imgTop"><img src="{$r['imageurl']}" width="538" height="405" alt="{$r['title']}" class="tm"></div> <div class="imgCen">{$r['title']}</div> <div class="imgBot"><a href="{$r['url']}"><p class="bt_1">{$r['title']}</p><p class="bt_2"><span>{$r['alt']}</span></p></a></div> </li> {/loop} </ul> {/pc}
這里spaceid="12",12是我這里的廣告為ID,
這里的用{php $a=0;}{loop $data $r}{php $a++;}來做遞增循環沒有別的意思,就當作是7個廣告按1-7排序輸出,這里我們就可以用if來判斷1-7個廣告中的首個廣告跟最后一個廣告的樣式了,并不需要輸出$a。當$a==1;的時候就是首個廣告,當$a==7;的時候就是最后一個廣告。
下面的{$r['imageurl']}就是廣告圖片地址,{$r['title']}就是廣告的標題,{$r['url']}就是廣告鏈接,{$r['alt']}就是廣告的文字說明了。
下面還是上一張圖吧:
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。