AB模板網:專注于dede模板,織夢源碼,織夢模板,網站模板下載,dedecms模板,網站源碼,dedecms教程以及各類手機網站模板和企業網站模板分享.

織夢模板

網站模板搜索
營銷型模板 政府網站模板 自適應模板 標簽大全

注冊

相關教程

織夢模板_隨機Tags

博客網站模板 保潔網站模板 電子產品網站模板 智能開關網站模板 刀具網站模板 卡片式網站模板 光伏網站模板 智能LED網站模板 潤滑油網站模板 五金機電網站源碼網站模板 美容美發網站模板 照明網站模板

推薦教程

織夢dedecms實現列表頁雙樣式和列表樣式循環交替

網站模板下載 www.texjy.com / 2020-03-02
dedecms織夢網站模板在做網址導航站時候,需要循環變化每個站點的背景樣式,用于區分不同的行,方便手機上閱讀。例如第一行背景是白色,第二行是藍色,第三行又是白色,第四行繼續藍色……這樣的循環方式。
 
 先來看一段代碼。一般情況下,要輪換交替的變化,就需要如下類似的寫法:
 
<div>
<a href="#">新浪</a>
</div>
<div class="e1">
<a href="#">搜狐</a>
</div>
<div>
<a href="#">騰訊</a>
</div>
<div class="e1">
<a href="#">網易</a>
</div>
……
 
在對“e1”這個樣式做背景上色處理后,實際顯示效果應該就是帶“e1”的第二和第四行,“搜狐”和“網易”行背景變色,而第一和第四行由于沒有樣式,繼續顯示為白色(默認情況下)。其實這種樣式的話實現方法有兩種:
 
第一種:
 
 DeDeCMS里面有這樣一個函數,可以循環賦予html代碼不同的樣式,可能很少有人使用,如下:
 
[field:global function=MagicVar("style1","style2")/]
 
應用到實際中,給列表輪換交替的賦值,一般情況就是:
 
{dede:list pagesize='10'}
<div[field:global function=MagicVar("style1","style2")/]>
<ahref="[field:arcurl/]">[field:title/]</a>
</div>
{/dede:list}
 
將style替換為諸如“class="e1"”這樣的代碼,解析出來的效果就如本文第一段代碼的樣式。這里需要注意,經過試驗發現,上述第二段代碼示例中的”style1″和”style2″位置很有講究,如果首先將樣式放在“style1”的位置上,則第一行不會賦值,從第二行開始賦值,相反,如果放在“style2”位置上,那么第一行循環就會開始賦值。
 
第二種方法:
 
   也是大家都可能常用的一種方法,就是利用autoindex去判斷單雙數,如果是單數的就輸入:style1,雙數的話輸入:style2。我這里只說明下方法,有喜歡折騰的朋友可以試試。
 
本文由AB模板網整理發布,轉載請說明出處:http://www.texjy.com/dedecmsjc/5460.html
本文標簽:

有問題可以加入織夢技術QQ群一起交流學習

☉首先聲明,只要是我們的vip會員全站所有資源均可以免費下載,不做任何限制(了解更多)

☉本站的源碼不會像其它下載站一樣植入大量的廣告。

☉本站提供的織夢源碼,都是做好測試好發布的,均可放心使用。

☉本站提供的織夢源碼,均帶數據及演示地址?梢栽谌我辉创a詳情頁查看演示地址。

☉為了vip利益的最大化,我們還提供了vip贈品(了解更多

☉如有其他問題,請加網站客服QQ(9490489)進行交流。

首頁 VIP專區 靜態模板 會員中心
丁香五月久久热成人视频-久久热这里只有精品,各种优质的节目,各大视频&