君语贤
时光静好,与君语;细水流年,与君同;繁华落尽,与君老...

织梦开发>功能优化>正文

文章列表背景实现隔行换色效果

2019-01-24 12:17 君语贤效果文章列表隔行换色

织梦文章列表背景实现隔行换色效果: 具体代码如下,大家可以根据自己的需要进行修改:

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

本文链接:https://www.weguiding.com/gnyh/371.html

图文推荐
热门标签
dede织梦自定义表单文章调用修改页面模板tag代码