网络建站知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

织梦列表或文章列表样式不同“隔行换色” 的方法

作者:狐灵超哥 | 2019-04-08 21:27 |点击:


今天在做网站的时候遇到了一个列表页 循环两种不同的css  相比以前只循环一个样式稍微难点

想到以后重庆网站建设狐灵科技的各位同事可能会遇到这种情况 就把解决方案写一下

1:先看下样式截图

织梦列表或文章列表样式不同

由此可以看出左边和右边的样式是不同的 下面贴出解决代码给大家看看





   
  {dede:arclist typeid='1' titlelen='40' row='20' typeid="" }
<li [field:global name=
"autoindex" runphp="yes"](@me % 2 == 0)?@me="class='red'":@me="class='blue'";[/field:global]><a href="[field:arcurl/]">[field:title/]</a></li>
  {/dede:arclist}





主要的调用代码:


[field:global name="autoindex" runphp="yes"](@me % 2 == 0)?@me="class='red'":@me="class='blue'";[/field:global]><a href="[field:arcurl/]">[field:title/]
 
————————————————————————

CSS代码:
 
1 .red{ background: red;}
2 .blue{ background: blue;}
 
主要是 蓝色的部分

红色的表示要修改的样式 


下面截图看下我修改的




以上就是 织梦列表或文章列表样式不同“隔行换色” 的方法


 
 
如没特殊注明,文章均为狐灵科技原创,转载请注明  https://www.hulingweb.cn/jzzs/318.html
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:023-68168040 / 大客户专线:15523356218