帝国CMS通过灵动标签实现排行榜式的带序号的排序列表的效果
372 人阅读 | 时间：2020年01月28日 11:46
| 阿里云服务器 | 腾讯云服务器 | 习梦云：高防云服务器 | ZJI：香港日本美国独服 |
| LOCVPS服务周到 | HostKvm低调KVM VPS | 傲游主机：优质VPS | 80VPS：老牌VPS主机 |
| 搬瓦工：CN2 GIA线路 | CloudCone：性价比高 | Vultr：按小时计费VPS | VirMach：超级便宜 |
| JustMySocks科学上网 | 好用的宝塔面板 | 洛杉矶QN机房官方VPS | 恒创：香港CN2服务器 |
很多网站都会使用到带序号的列表样式，非常美观，如下图所示：
想制作这种效果，必须<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
评论专区