提供海量优质网站模板,静态网页,网站源码,素材资源下载!
承接定制建站、仿站业务,有兴趣加QQ:97465631

CMS教程

分享价值,同步成长

当前位置:首页 > 站长学院 > CMS教程

极致CMS文章列表中如何实现隔行样式

CMS教程

在极致CMS文章列表里,想要实现隔行一个样式,这样页面更美观,如图:

<a href="链接1" class="a">文章标题1</a>

<a href="链接2" class="b">文章标题2</a>

<a href="链接3" class="a">文章标题3</a>

<a href="链接4" class="b">文章标题4</a>

<a href="链接5" class="a">文章标题5</a>

即实现隔行样式一样。


方法:

{foreach $lists as $v}
{if($v_n%2==0 )}
<a href="$v['url']" class="a">{$v['title']}</a>
{else}
<a href="$v['url']" class="b">{$v['title']}</a>
{/if}
{/foreach}


延伸思路,在极致CMS文章列表如何实现隔两行一个样式呢?

<a href="链接1" class="a">文章标题1</a>

<a href="链接2" class="a">文章标题2</a>

<a href="链接3" class="b">文章标题3</a>

<a href="链接4" class="b">文章标题4</a>

<a href="链接5" class="a">文章标题5</a>

<a href="链接6" class="a">文章标题6</a>

即实现隔行样式一样。


方法:

{foreach $lists as $v}
{if($v_n%4==1 || $v_n%4==2)}
<a href="$v['url']" class="a">{$v['title']}</a>
{else}
<a href="$v['url']" class="b">{$v['title']}</a>
{/if}
{/foreach}
本文标签: 极致CMS文章列表
文章搜集整理于网络,如有侵权请联系本站删除,转载请说明出处:http://www.eume.net/cmsjc/107.html

800+精美模板

各类自适应,标准网站

100+行业覆盖

各行各业网站模板,应有尽有

300+组合素材

图文/视频/全景等多种素材

7*24服务

专业客服人员,7*24无休服务

Copyright © 2022 365模板建站 All Rights Reserved. 备案号:沪ICP备18006580号-1