很多网站都会使用到带序号的列表样式,非常美观,如下图所示:
想制作这种效果,必须<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样式。
[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
另外,还有万能标签实现输出数字排序列表方法一枚,欢迎围观:
http://www.moyublog.com/notes/368.html
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。