VIP福利
主页 > 建站问题 > 织梦技巧 > 织梦dedecms文章列表 “隔行换色” 的方法

织梦dedecms文章列表 “隔行换色” 的方法

在做企业站或门户站时候,经常需要实现文章列表隔行换色这样的效果,方法很简单,下面一段代码能让你的网站实现隔行换色效果: 1 {dede:arclist typeid= 1 titlelen= 40 row= 20 typeid= } 2 li [field:global name= autoindex runphp= yes ](@me % 2 == 0)?@me= class=red :@me= class=blue ;[/field:global]a href= [field:arcurl/] [fi […]



在做企业站或门户站时候,经常需要实现文章列表隔行换色这样的效果,方法很简单,下面一段代码能让你的网站实现隔行换色效果:

1 {dede:arclist typeid='1' titlelen='40' row='20' typeid="" }
2 <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>
3 {/dede:arclist}

css代码:

1 .red{ background: red;}
2 .blue{ background: blue;}

本处样式red以及blue仅为演示效果,具体请修改为自己的。


共有 条评论