在做網(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> ……
在對“e1”這個(gè)樣式做背景上色處理后,實(shí)際顯示效果應(yīng)該就是帶“e1”的第二和第四行,“搜狐”和“網(wǎng)易”行背景變色,而第一和第四行由于沒有樣式,繼續(xù)顯示為白色(默認(rè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ì)開始賦值。
版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: 織夢dedecms實(shí)現(xiàn)列表頁雙樣式和列表樣式循環(huán)交替變化