• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > DedeCMS教程 > DedeCMS模板标签 >

DEDE列表页实现"隔行换色"的方法

来源: www.dedecms8.com 编辑:织梦吧 时间:2012-09-28点击:

DedeCMS列表实现"隔行换色"的正确修改方法:我们知道,隔行换色肯定要涉及到CSS代码的修改,本片教程教你给列表添加隔行换色的效果.文章列表隔行换色可以让显示的两条内容有所区别,而且比较美观,很多网站在列表页里都采用了隔行换色的显示方法:

{dede:list pagesize='50'}
<LI><a href="[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%5==0)@me="<hr />";
else @me="";
[/field:global]


{/dede:list}

上例中,每隔5行,会加一个<hr />,也可以写成其他的效果,比如<div class='dedecms8'></div>,然后在css对class='dedecms8'进行控制显示效果。

 [field:global name=autoindex runphp="yes"]
if(@me%5==0)@me="<div class='dedecms8'></div>";
else @me="";
[/field:global]

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 1170734538@qq.com ,  QQ