欢迎您访问【织梦源码网】,原创织梦源码站长素材资源下载站!QQ客服
织梦源码网-原创dedecms织梦模板和jQuery网页素材下载站
当前位置 : 当前位置 :主页 > 织梦教程 > 织梦优化 > dedecms循环列表样式隔行换色实现办法

dedecms循环列表样式隔行换色实现办法

简单用法:
 
{dede:arclist   typeid="1" row="6"}
<li class="list[field:global.autoindex/]">[field:title function="cn_substr(@me,63)"/]</li>
{/dede:arclist}
 
输出类似于
<li class="list1">1</li>
<li class="list2">1</li>
<li class="list3">1</li>
<li class="list4">1</li>
<li class="list5">1</li>
<li class="list6">1</li>
 
非常有用
 
进阶用法
 
{dede:arclist  typeid=’1′ limit=’0,10′ titlelen=’30′} 
<li>
<em class=”num[field:global name=autoindex runphp="yes"](@me<4)? @me=”3″:@me=”";[/field:global]“>
[field:global name=autoindex runphp="yes"](@me<10)? @me=”0@me”:@me=”10″;[/field:global]
</em>
<a href=”[field:arcurl/]” target=”_blank” title=”[field:fulltitle/]“>
[field:title/]
</a>
</li>
{/dede:arclist}
 
//@me 表示这个标记本身的值
 
//autoindex 自增序号 就想是一般循环有语句中的 i++  循环一次 自动加1
 
//runphp=”yes”  在php程序中运行
 
// em 大家都懂吧 是一个html标签<em>其他的大家都懂的 我就不扯了
 
模板经过解析后前台显示为
 
<li><em class=”num3″>01</em><###</li>
<li><em class=”num3″>02</em>##</li>
<li><em class=”num3″>03</em>##</li>
<li><em class=”num”>09</em>##</li>
<li><em class=”num”>10</em>##</li>
 
显示为10行,而且前面都带有编号,至于序号上的颜色边框我想大家用css或者是图片都是可以实现的吧!
 
解释下上面的语句,autoindex<4 则让autoindex的值返回3   如果autoindex<10 则让autoindex的值返回0autoindex;
 
如果说你要调用数字非常有规律,跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一个固定的数值,那么可以这样写@me=“@me”+1 ,其它请自行尝试@me=“@me+1 ”是不对的,那样+1会看作是一个字符串!
 
dedecms运用[field:global.autoindex/]实现数字序号列表就写到这里,上面的案例只能在arclist标签中使用,请大家注意了
 
autoindex itemindex 的使用心得区别
 
channelartlist 标签下使用 {dede:global name='itemindex' runphp='yes'}@me;{/dede:global}
 
自增1
 
arclist 标签下使用 [field:global.autoindex/] 默认从1开始
channel 标签下使用 [field:global.autoindex/] 默认从0开始
channelartlist 标签下使用 {dede:global.itemindex/} 默认从1开始
 
arclist 从0开始[field:global name=autoindex runphp="yes"]@me=@me-1;[/field:global]
channel 从1开始[field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global][field:typename/]
channelartlist 从0开始{dede:global name=itemindex runphp='yes'}@me=@me-1;{/dede:global} 

最新模板推荐

二维码
意见反馈
×