欢迎来到墨鱼博客!
帝国CMS灵动标签输出排行榜式的带序号的排序列表

帝国CMS灵动标签输出排行榜式的带序号的排序列表

浏览次数:

作者: admin

信息来源:

更新日期: 2016-05-09 00:30:23

文章简介

很多网站都会使用到带序号的列表样式,非常美观,如下图所示:想制作这种效果,必须<li>列表输出不出的命名,如下例:<li class="no1"><a href="#">标题</a></li>
<li class="no3"><a href="#">标题</a></li>
<li class="no4

  • 正文开始
  • 相关文章

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

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

另外,还有万能标签实现输出数字排序列表方法一枚,欢迎围观:

http://www.moyublog.com/notes/368.html

 

PS.由于前期整理文章没有进行格式化信息处理,导致有些包含代码修改的信息,根式混乱看不清楚。如果发现有此类问题,请在下方评论留言,墨鱼第一时间进行格式化整理!感谢配合

转载请注明: 帝国CMS模板 » 帝国CMS灵动标签输出排行榜式的带序号的排序列表

收藏此文 感觉不错,赞哦! ( ) 打赏本站

如果本文对你有所帮助请打赏本站

  • 打赏方法如下:
  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏
帝国CMS灵动标签调用当前父栏目下所有子栏目-支持选中状态/高亮
« 上一篇2016年05月16日
帝国CMS标签调用的附加SQL条件和排序参数
下一篇 » 2016年05月18日

精彩评论