当前位置: 主页>网站教程>织梦教程> DedeCMS文章列表背景隔行换色的实现方法
分享本文到:

DedeCMS文章列表背景隔行换色的实现方法

发布时间:03/06 来源: 浏览: 关键词: 背景 隔行换色 文章列表

有很多织梦站长朋友们需要实现文章列表背景隔行换色这样的效果,下面就给大家分享一段代码能让织梦文章列表背景实现隔行换色效果:

具体代码如下,大家可以根据自己的需要进行修改:
 

{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样式的背景颜色,完成后就能轻松实现织梦文章列表背景隔行换色了。

责任编辑:

当前文章网址:http://www.2t2c.com/jiaocheng/dedecms/201503/467.html 转载请注明出处!

共有25人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

订阅获得更多模板