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

类似1幻灯片

  1. <li><a href="/view/28583.html" target="_blank" title="金虎仙人球的养殖方法,多晒太阳保持温度/浇水不浇球体">
  2.                                                         <div class="color1">金虎仙人球的养殖方法,多晒太阳保持温度/浇水不浇球体</div>
  3.                                                         </a></li>
  4.                                                                                                 <li><a href="/view/18150.html" target="_blank" title="哪种黑法师最好看,多肉法师哪个品种最贵/紫羊绒最好看">
  5.                                                         <div class="color2">哪种黑法师最好看,多肉法师哪个品种最贵/紫羊绒最好看</div>
  6.                                                         </a></li>
  7.                                                                                                 <li><a href="/view/15890.html" target="_blank" title="荷包牡丹好养吗,荷包牡丹的养殖方法和注意事项/忌高温">
  8.                                                         <div class="color3">荷包牡丹好养吗,荷包牡丹的养殖方法和注意事项/忌高温</div>
  9.                                                         </a></li>
  10.                                                                                                 <li><a href="/view/15857.html" target="_blank" title="锦鸡儿和金雀儿的区别,四个方面带你们来区分">
  11.                                                         <div class="color4">锦鸡儿和金雀儿的区别,四个方面带你们来区分</div>
  12.                                                         </a></li>

复制代码

调用如下 color4 的序号 <?=$bqno?>替换

  1. [e:loop={‘news’,4,18,0,’isgood=1′}]
  2.                                                                                                 <li><a href="<?=$bqsr[‘titleurl’]?>" target="_blank" title="<?=$bqr[‘title’]?>">
  3.                                                         <div class="color<?=$bqno?>"><?=$bqr[‘title’]?></div>
  4.                                                         </a></li>[/e:loop]

复制代码

案例2

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

c2c1b7bbd7c7e74a661ea9a32f7263e3.jpg (22.33 KB, 下载次数: 209)

下载附件

2019-3-20 22:35 上传

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

复制代码

  1. <li class="no1"><a href="#">标题</a></li>
  2. <li class="no3"><a href="#">标题</a></li>
  3. <li class="no4"><a href="#">标题</a></li>
  4. <li class="no5"><a href="#">标题</a></li>
  5. <li class="no6"><a href="#">标题</a></li>

复制代码

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

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

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

复制代码

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

  1. <li class="16css1"><a href="#">标题</a></li>
  2. <li class="16css3"><a href="#">标题</a></li>
  3. <li class="16css4"><a href="#">标题</a></li>
  4. <li class="16css5"><a href="#">标题</a></li>
  5. <li class="16css6"><a href="#">标题</a></li>

复制代码

  1. 要从2开始就 $bqno+1
  2. 要从3开始就 $bqno+2

复制代码

温馨提示:本文最后更新于2022-09-12 11:37:50,某些文章具有时效性,若有错误或已失效,请在下方留言或联系丁塔克博客
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发

请登录后发表评论