下面給大家分享一段代碼能讓織夢文章列表背景實現(xiàn)隔行換色效果:具體代碼如下,大家可以根據(jù)自己的需要進行修改:
示例代碼如下:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} [field:global runphp='yes' name=autoindex] $adminbuy.cn_a=""; $adminbuy.cn_b=""; if ((@me%2)==0) @me=$'adminbuy.cn_a; else @me=$'adminbuy.cn_b; [/field:global] [field:title/] {/dede:arclist}
通過上邊示例可以看出:
此代碼使用了autoindex自增,自增的數(shù)字與2進行取模,當自增數(shù)字%2==0也就是說自增數(shù)字能被2整除的時候為真輸出$'adminbuy.cn_a,此時的代碼為:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}[field:title/] {/dede:arclist}
不能被2整除的時候為假,輸出$'adminbuy.cn_b,此時的代碼為:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}[field:title/] {/dede:arclist}
通過輸出li標簽里不同的class樣式(在css里需定義好2l3.net_c,2l3.net.com_d兩種樣式)就可以實現(xiàn)隔行換色了。
通過對這段代碼的分析我們還可以將思路擴展下,是不是可以實現(xiàn)每隔兩行加一條下劃線呢?
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}[field:title/] [field:global runphp='yes' name=autoindex] if(@me%2==0)@me="
"; else @me=""; [/field:global] {/dede:arclist}
通過測試,以上確實可以實現(xiàn)每隔2行加一條下劃線。文章來源:http://www.zghlxwxcb.cn/news/detail-432261.html
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持yii666。文章來源地址http://www.zghlxwxcb.cn/news/detail-432261.html
到了這里,關(guān)于dede織夢文章列表隔行換色的方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!