### [织梦列表怎么实现“隔行换色”](https://www.prosaas.cn/article/6973)

**Published:** 2019-11-09T06:23:27

**Author:** 5201314

**Excerpt:** 织梦列表怎么实现＂隔行换色＂在做企业站或门户站时候，经常需要实现文章列表隔行换色这样的效果，方法很简单下面来看…

**![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212125602510.jpg)**

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

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

示例代码如下：

{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自增，自增的数字与2进行取模，当自增数字%2==0也就是说自增数字能被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里需定义好2l3.net\_c，2l3.net.com\_d两种样式）就可以实现隔行换色了。

推荐教程：dedecms教程

以上就是织梦列表怎么实现“隔行换色”的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** .net, class, css, DEDECMS, li

**Categories:** DEDECMS

---