dede織夢(mèng)文章列表隔行換色的方法

下面給大家分享一段代碼能讓織夢(mèng)文章列表背景實(shí)現(xiàn)隔行換色效果:具體代碼如下,大家可以根據(jù)自己的需要進(jìn)行修改:
示例代碼如下:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} [field:global runphp='yes' name=autoindex] $adminbuy.cn_a="<li class='adminbuy.cn_c'>"; $adminbuy.cn_b="<li class=''adminbuy.cn_d'>"; if ((@me%2)==0) @me=$'adminbuy.cn_a; else @me=$'adminbuy.cn_b; [/field:global] <a href='[field:arcurl/]'>[field:title/]</a> </li> {/dede:arclist}
通過(guò)上邊示例可以看出:
此代碼使用了autoindex自增,自增的數(shù)字與2進(jìn)行取模,當(dāng)自增數(shù)字%2==0也就是說(shuō)自增數(shù)字能被2整除的時(shí)候?yàn)檎孑敵?'adminbuy.cn_a,此時(shí)的代碼為:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li class=''adminbuy.cn_c'><a href='[field:arcurl/]'>[field:title/]</a></li> {/dede:arclist}
不能被2整除的時(shí)候?yàn)榧?,輸?'adminbuy.cn_b,此時(shí)的代碼為:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li class=''adminbuy.cn_d'><a href='[field:arcurl/]'>[field:title/]</a></li> {/dede:arclist}
通過(guò)輸出li標(biāo)簽里不同的class樣式(在css里需定義好2l3.net_c,2l3.net.com_d兩種樣式)就可以實(shí)現(xiàn)隔行換色了。
通過(guò)對(duì)這段代碼的分析我們還可以將思路擴(kuò)展下,是不是可以實(shí)現(xiàn)每隔兩行加一條下劃線呢?
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li><a href='[field:arcurl/]'>[field:title/]</a></li> [field:global runphp='yes' name=autoindex] if(@me%2==0)@me="<hr />"; else @me=""; [/field:global] {/dede:arclist}
通過(guò)測(cè)試,以上確實(shí)可以實(shí)現(xiàn)每隔2行加一條下劃線。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
- 有時(shí)候,隔行換色下列表頁(yè)的現(xiàn)實(shí),更具有效果,特給出下面的修改方法。2010-03-05