这篇文章主要介绍了dede织梦文章列表隔行换色的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

示例代码如下:

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
[field:global runphp='yes' name=autoindex]
$adminbuy.cn_a="<li class='adminbuy.cn_c'>"; 
$adminbuy.cn_b="<li class=''adminbuy.cn_d'>";
if ((@me%2)==0) @me=$'adminbuy.cn_a; 
else @me=$'adminbuy.cn_b;
[/field:global]
<a href='[field:arcurl/]'>[field:title/]</a>
</li>
{/dede:arclist}

通过上边示例可以看出:

此代码使用了autoindex自增,自增的数字与2进行取模,当自增数字%2==0也就是说自增数字能被2整除的时候为真输出$'adminbuy.cn_a,此时的代码为:

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
<li class=''adminbuy.cn_c'><a href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist}

不能被2整除的时候为假,输出$'adminbuy.cn_b,此时的代码为:

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
<li class=''adminbuy.cn_d'><a href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist}

通过输出li标签里不同的class样式(在css里需定义好2l3.net_c,2l3.net.com_d两种样式)就可以实现隔行换色了。

通过对这段代码的分析我们还可以将思路扩展下,是不是可以实现每隔两行加一条下划线呢?

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
[field:global runphp='yes' name=autoindex]
if(@me%2==0)@me="<hr />";
else @me="";
[/field:global]
{/dede:arclist}

通过测试,以上确实可以实现每隔2行加一条下划线。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持爱安网。

最新资讯
胡锡进谈刘强东被起诉性侵:企业家不要秀个人美德

胡锡进谈刘强东被起诉

刘的事情属于个例。
传华芯通本月底关闭:Arm服务器的困局与中国芯的挫折

传华芯通本月底关闭:A

高通如今在Arm服务器业务上的状况显然对于华芯通会产
国内首款3D AI/MR芯片即将量产

国内首款3D AI/MR芯片

继微软与苹果之后,华捷艾米成为全球第三家完全拥有3D A
国内首个人工智能MR(混合现实)研究中心成立

国内首个人工智能MR(混

首个国家级MR技术研究中心——清华大学三维混合现实研
三星折叠屏手机遭测评员集体吐槽 仍将按计划上市

三星折叠屏手机遭测评

三星折叠屏手机遭测评员集体吐槽,仅两天就出现了闪屏、
360已退出“北京时间” 第一批股权转让款已到账

360已退出“北京时间

360已签订股权转让协议,将持有的“北京时间”60%股权转
最新文章
织梦dedecms在模板页面中实现会员登录退出状态显示的方法

织梦dedecms在模板页

这篇文章主要介绍了织梦dedecms在模板页面中实现会员
DedeCms开启多站点支持绝对网址后生成RSS错误的修改方法

DedeCms开启多站点支

DedeCms是广大站长非常喜欢的建站系统,其小巧方便而且
安装运行dedecms的图文详细

安装运行dedecms的图

这篇文章主要介绍了安装运行dedecms的图文详细的相关
dedecms织梦模板点击图片进入下一分页或下篇文章标签

dedecms织梦模板点击

这篇文章主要介绍了dedecms织梦模板点击图片进入下一
详解织梦模板DedeCms获取缩略图的高度和宽度的代码

详解织梦模板DedeCms

某些瀑布流的代码要求图片必须带有高度,而织梦默认的缩
织梦dede模板内怎么加入php代码的方法示例

织梦dede模板内怎么加

这篇文章主要介绍了织梦dede模板内怎么加入php代码的