发布时间:2015-12-27 18:20 来源:IT技术网
如果我们的网站的文章列表页文章数较多,一打开就看到整个页面的文章密密麻麻,看起来会有点乱乱的感觉,如果在每行或每隔N行列表文章中插入横线,特别是稍微调整下线条的颜色,会给人更顺眼,更轻松的感觉,能够提供用户体验,另外也可以做列表的隔行变色,效果也不错,下面介绍方法:
第一种:
这里的class="itjs",如果定义了itjs这个类,就是实现的隔行变色效果。
{dede:arclist typeid='888′ titlelen='80′ row='20′ }
·<a class="itjs" href=http://www.itjs.cn/"[field:arcurl /]" title="[field:title function='htmlspecialchars(@me)'/]"
target=_blank>[field:title function="cn_substr(@me,48)"/]</a>
[field:global name=autoindex runphp="yes"]if(@me%10==0)@me="<hr />
";
else @me="";
[/field:global]
{/dede:arclist}
第二种:
就是每隔5行加一横线,20个列表加三条线不是四个,最后一个一般不用加分隔线,如果想在最后也加分隔线的话,去掉。
{dede:arclist typeid='88′ titlelen='80′ row='20′ }
<li><a href=http://www.itjs.cn/"[field:arcurl/]">[field:title/]</a></li>
[field:global name=autoindex runphp="yes"](@me % 5 == 0)?@me="<li class=\"itjs-line\"></li>":@me="";[/field:global]{/dede:arclist}