歡迎光臨站殼網!我們為您提供最優質的建站資源!

當前位置: 站殼網>建站教程>織夢CMS教程> 織夢dedecms實現列表頁雙樣式和列表樣式循環交替
分享本文到:

織夢dedecms實現列表頁雙樣式和列表樣式循環交替

發布時間:07/02 來源:www.zhankr.net 瀏覽: 關鍵詞:
在做網址導航站時候,需要循環變化每個站點的背景樣式,用于區分不同的行,方便手機上閱讀。例如第一行背景是白色,第二行是藍色,第三行又是白色,第四行繼續藍色……這樣的循環方式。
  先來看一段代碼。一般情況下,要輪換交替的變化,就需要如下類似的寫法:
<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"”這樣的代碼,解析出來的效果就如本文第一段代碼的樣式。這里需要注意,經過試驗發現,上述第二段代碼示例中的”style1″和”style2″位置很有講究,如果首先將樣式放在“style1”的位置上,則第一行不會賦值,從第二行開始賦值,相反,如果放在“style2”位置上,那么第一行循環就會開始賦值。

當前文章網址:http://www.ybksxs.tw/jiaocheng/dedecms/201607/1668.html 轉載請注明出處!

共有313人閱讀,期待你的評論!發表評論
昵稱: 網址: 驗證碼: 點擊我更換圖片
最新評論
頂部
爱彩乐江苏快三