svip

类似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

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

复制代码