dedecms教程:文章列表隔行換色的方法
時間: 2020-09-03 10:04
閱讀: 次
作者:素材無憂網
文章介紹
示例代碼如下:
{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}
通過上邊示例可以看出:
此代碼使用了autoindex自增,自增的數(shù)字與2進行取模,當自增數(shù)字%2==0也就是說自增數(shù)字能被2整除的時候為真輸出$'adminbuy.cn_a,此時的代碼為:
{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整除的時候為假,輸出$'adminbuy.cn_b,此時的代碼為:
{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}
通過輸出li標簽里不同的class樣式(在css里需定義好moke8.com_c,moke8.com_d兩種樣式)就可以實現(xiàn)隔行換色了。
通過對這段代碼的分析我們還可以將思路擴展下,是不是可以實現(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}
通過測試,以上確實可以實現(xiàn)每隔2行加一條下劃線。
標簽: