织梦列表怎么实现“隔行换色”-DEDECMS-php.cn

织梦列表怎么实现“隔行换色”

angryTom

Lepaskan： 2019-11-09 14:23:27

asal

1930 orang telah melayarinya

织梦列表怎么实现＂隔行换色＂

在做企业站或门户站时候，经常需要实现文章列表隔行换色这样的效果，方法很简单下面来看看实现的方法吧。

示例代码如下：

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
[field:global runphp=&#39;yes&#39; name=autoindex]
$adminbuy.cn_a="<li class=&#39;adminbuy.cn_c&#39;>"; 
$adminbuy.cn_b="<li class=&#39;&#39;adminbuy.cn_d&#39;>";
if ((@me%2)==0) @me=$&#39;adminbuy.cn_a; 
else @me=$&#39;adminbuy.cn_b;
[/field:global]
<a href=&#39;[field:arcurl/]&#39;>[field:title/]</a>
</li>
{/dede:arclist}

Salin selepas log masuk

通过上边示例可以看出：

此代码使用了autoindex自增，自增的数字与2进行取模，当自增数字%2==0也就是说自增数字能被2整除的时候为真输出$'adminbuy.cn_a，此时的代码为：

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_c&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}

Salin selepas log masuk

不能被2整除的时候为假，输出$'adminbuy.cn_b，此时的代码为：

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_d&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}

Salin selepas log masuk

通过输出li标签里不同的class样式（在css里需定义好2l3.net_c，2l3.net.com_d两种样式）就可以实现隔行换色了。

推荐教程：dedecms教程

Atas ialah kandungan terperinci 织梦列表怎么实现“隔行换色”. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!