帝国CMS通过灵动标签实现排行榜式的带序号的排序列表的效果

搬瓦工机场JMS

很多网站都会使用到带序号的列表样式,非常美观,如下图所示:

1.jpg

想制作这种效果,必须<li>列表输出不出的命名,如下例:

<li class="no1"><a href="#">标题</a></li><li class="no3"><a href="#">标题</a></li><li class="no4"><a href="#">标题</a></li><li class="no5"><a href="#">标题</a></li><li class="no6"><a href="#">标题</a></li>

 然后再针对性的写不同的CSS样式。

帝国CMS灵动标签调用列表可以输入为这样的列表,代码如下:

[e:loop={'selfinfo',10,1,0}]<li class="16css<?=$bqno?>"><a href="<?=$bqsr['titleurl']?>" target="_blank"><?=$bqr['title']?></a></li>[/e:loop]

 也就是在正常的灵动标签里添加了 <?=$bqno?> ,这样生成的列表就会输出数字的列表:

<li class="16css1"><a href="#">标题</a></li><li class="16css3"><a href="#">标题</a></li><li class="16css4"><a href="#">标题</a></li><li class="16css5"><a href="#">标题</a></li><li class="16css6"><a href="#">标题</a></li>
要从2开始就 $bqno+1 要从3开始就 $bqno+2

未经允许不得转载:Just My Socks中文教程网 » 帝国CMS通过灵动标签实现排行榜式的带序号的排序列表的效果

赞 (0) 打赏
Just My Socks搬瓦工机场JMS

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏