花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊(cè) 退出 找回密碼

織夢(mèng)實(shí)現(xiàn)列表頁(yè)雙樣式和列表樣式循環(huán)交替變化方法

時(shí)間: 2018-12-05 08:31 閱讀: 作者:素材無憂網(wǎng)

在做網(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> <a href="#">搜狐</a> </div> <div> <a href="#">騰訊</a> </div> <div> <a href="#">網(wǎng)易</a> </div> ……

 

在對(duì)“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)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!

轉(zhuǎn)載請(qǐng)注明: 織夢(mèng)實(shí)現(xiàn)列表頁(yè)雙樣式和列表樣式循環(huán)交替變化方法

標(biāo)簽:  
相關(guān)文章
模板推薦