这篇文章主要介绍了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行加一条下划线。

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

最新资讯
京东商城CEO徐雷:去年大家都很累 今年回归用户初心

京东商城CEO徐雷:去年

今日京东集团举行2018年度京东商城表彰大会。京东商城
微软将于年底放弃视窗10移动操作系统安全和软件更新

微软将于年底放弃视窗

美国微软公司日前在官网宣布,将于2019年12月10日停止发
猫眼确定2家基石投资者:最快春节前上市 腾讯表态支持

猫眼确定2家基石投资

根据介绍,IMAX公司是娱乐行业IMAX技术龙头,Welight Capi
搜狗王小川:处理好医疗问题是搜狗未来想做的事情

搜狗王小川:处理好医疗

2019极客公园创新大会上,搜狗CEO王小川在接受新浪科技
直击|小米新成立非洲地区部 传音将迎来最大对手?

直击|小米新成立非洲

为推动小米非洲业务的拓展,成立非洲地区部,由副总裁汪凌
啥是佩奇到底是个啥啊

啥是佩奇到底是个啥啊

明明讲的是视频彩铃这个新业务嘛。
最新文章
DedeCms开启多站点支持绝对网址后生成RSS错误的修改方法

DedeCms开启多站点支

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

安装运行dedecms的图

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

dedecms织梦模板点击

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

详解织梦模板DedeCms

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

织梦dede模板内怎么加

这篇文章主要介绍了织梦dede模板内怎么加入php代码的
关于制作织梦的网站地图实例的示例代码

关于制作织梦的网站地

这篇文章主要介绍了关于制作织梦的网站地图实例的示例