有很多織夢(mèng)站長(zhǎng)朋友們需要實(shí)現(xiàn)文章列表背景隔行換色這樣的效果,下面就給大家分享一段代碼能讓織夢(mèng)文章列表背景實(shí)現(xiàn)隔行換色效果:
具體代碼如下,大家可以根據(jù)自己的需要進(jìn)行修改:
{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}
代碼解釋:
上面的代碼中調(diào)用的文章按順序排列,序號(hào)能夠被2整除的樣式將為<li class='bgcolor1'>,不能被2整除的樣式為<li class='bgcolor2'>,注意,需要自己在CSS中定義bgcolor1和bgcolor2樣式的背景顏色,完成后就能輕松實(shí)現(xiàn)織夢(mèng)文章列表背景隔行換色了。
|