織夢dedecms網站文章列表隔行換色的方法 。示例代碼如下:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}[field:global runphp='yes' name=autoindex]$vevb.com_a=""; $vevb.com_b="<li class=''vevb.com_d'>";if ((@me%2)==0) @me=$'vevb.com_a; else @me=$'vevb.com_b;[/field:global][field:title/]{/dede:arclist}通過上邊示例可以看出:
此代碼使用了autoindex自增,自增的數字與2進行取模,當自增數字%2==0也就是說自增數字能被2整除的時候為真輸出$'vevb.com_a,此時的代碼為:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}<li class=''vevb.com_c'>[field:title/]{/dede:arclist}不能被2整除的時候為假,輸出$'vevb.com_b,此時的代碼為:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}<li class=''vevb.com_d'>[field:title/]{/dede:arclist}通過輸出li標簽里不同的class樣式(在css里需定義好vevb.com_c,vevb.com_d兩種樣式)就可以實現隔行換色了。
通過對這段代碼的分析我們還可以將思路擴展下,是不是可以實現每隔兩行加一條下劃線呢?
{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}通過測試,以上確實可以實現每隔2行加一條下劃線。
以上就是織夢模板實現文章列表隔行換色的方法的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。新聞熱點
疑難解答