導讀:dedecmsdedecms在做網址導航站時候，需要循環變化每個站點的背景樣式，用于區分不同的行，方便手機上閱讀。例如第一行背景是白色，第二行是藍色，第三行又是白色，第四行繼續藍色這樣的循dede后臺模板dede織夢模板。

在做網址導航站時候，需要循環變化每個站點的背景樣式，用于區dede會員中心模板分不同的行，方便手機上閱讀。例如第一行背景是白色，第二行是藍色，第三行又是白色，第四行繼續藍色……這樣的循環方式。

 先來看一段代碼。一般情況下，要輪換交替的變化，就需要如下類似的寫法：

<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"”這樣的代碼，解析出來的效果就如本文第一段代碼的樣式。這里需要注意，dede下瓻模板下載經過試驗發現，上述第二段代碼示例中的”style1″和”style2″位置很有講究，如果首先將樣式放在“style1”的位置上，則第一行不會賦值，從第二行開始賦值，相反，如果放在“style2”位置上，那么第一行循環就會開始賦值。 第二種方法：    也是大家都可能常用的一種方法，就是利用autoindex去判斷單雙數，如果是單數dede免費模板的就輸入：style1，雙數的話輸入：style2。我這里只說明下方法，有喜歡折騰的朋友可以試試。

相關dede后臺模板dede織夢模板。

關鍵詞標簽: 織夢 樣式 列表