html5響應(yīng)式網(wǎng)站織夢模板源碼IT網(wǎng)絡(luò)工作室織夢網(wǎng)

藍(lán)色安防器材公司類整站模板

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

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

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

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

<div>
<a href="#">新浪</a>
</div>
<div class="e1">
<a href="#">搜狐</a>
</div>
<div>
<a href="#">騰訊</a>
</div>
<div class="e1">
<a href="#">網(wǎng)易</a>
</div>
……

　　在對(duì)“e1”這個(gè)樣式做背景上色處理后，實(shí)際顯示效果應(yīng)該就是帶“e1”的第二和第四行，“搜狐”和“網(wǎng)易”行背景變色，而第一和第四行由于沒有樣式，繼續(xù)顯示為白色（默認(rèn)情況下）。其實(shí)這種樣式的話實(shí)現(xiàn)方法有兩種：

第一種：

　DeDeCMS里面有這樣一個(gè)函數(shù)，可以循環(huán)賦予html代碼不同的樣式，可能很少有人使用，如下：

[field:global function=MagicVar("style1","style2")/]

應(yīng)用到實(shí)際中，給列表輪換交替的賦值，一般情況就是：

{dede:list pagesize='10'}
<div[field:global function=MagicVar("style1","style2")/]>
<ahref="[field:arcurl/]">[field:title/]</a>
</div>
{/dede:list}

　　將style替換為諸如“class="e1"”這樣的代碼，解析出來的效果就如本文第一段代碼的樣式。這里需要注意，經(jīng)過試驗(yàn)發(fā)現(xiàn)，上述第二段代碼示例中的”style1″和”style2″位置很有講究，如果首先將樣式放在“style1”的位置上，則第一行不會(huì)賦值，從第二行開始賦值，相反，如果放在“style2”位置上，那么第一行循環(huán)就會(huì)開始賦值。

第二種方法：

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