有很多织梦站长朋友们需要实现文章列表背景隔行换色这样的效果,下面就给大家分享一段代码能让织梦文章列表背景实现隔行换色效果:
具体代码如下,大家可以根据自己的需要进行修改:
{dede:arclist orderby=pubdate titlelen='26' row='10'}
<ul>
[field:global runphp='yes' name=autoindex]
$a="<li class='bgcolor1'>"; $b="<li class='bgcolor2'>";
if ((@me%2)==0) @me=$a; else @me=$b;
[/field:global]
[field:title/]
</li>
</ul>
{/dede:arclist}
代码解释:
上面的代码中调用的文章按顺序排列,序号能够被2整除的样式将为<li class='bgcolor1'>,不能被2整除的样式为<li class='bgcolor2'>,注意,需要自己在CSS中定义bgcolor1和bgcolor2样式的背景颜色,完成后就能轻松实现织梦文章列表背景隔行换色了。
|