首页 > CMS教程 > 织梦CMS    日期:2019-08-09 / 来自互联网 / 浏览

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

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

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

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章