html5響應式網站織夢模板源碼IT網絡工作室織夢網

藍色安防器材公司類整站模板

工業(yè)環(huán)保工程類企業(yè)網站織夢模板(帶手機端)

軟件APP類網站源碼織夢通用型企業(yè)網站源碼html

在做網址導航站時候，需要循環(huán)變化每個站點的背景樣式，用于區(qū)分不同的行，方便手機上閱讀。例如第一行背景是白色，第二行是藍色，第三行又是白色，第四行繼續(xù)藍色……這樣的循環(huán)方式。

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

<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”的第二和第四行，“搜狐”和“網易”行背景變色，而第一和第四行由于沒有樣式，繼續(xù)顯示為白色（默認情況下）。其實這種樣式的話實現方法有兩種：

第一種：

　DeDeCMS里面有這樣一個函數，可以循環(huán)賦予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"”這樣的代碼，解析出來的效果就如本文第一段代碼的樣式。這里需要注意，經過試驗發(fā)現，上述第二段代碼示例中的”style1″和”style2″位置很有講究，如果首先將樣式放在“style1”的位置上，則第一行不會賦值，從第二行開始賦值，相反，如果放在“style2”位置上，那么第一行循環(huán)就會開始賦值。

第二種方法：

也是大家都可能常用的一種方法，就是利用autoindex去判斷單雙數，如果是單數的就輸入：style1，雙數的話輸入：style2。我這里只說明下方法，有喜歡折騰的朋友可以試試。