類似1幻燈片

<li><a href="/view/28583.html" target="_blank" title="金虎仙人球的養殖方法，多曬太陽保持溫度/澆水不澆球體">
                            <div class="color1">金虎仙人球的養殖方法，多曬太陽保持溫度/澆水不澆球體</div>
                            </a></li>
                                                <li><a href="/view/18150.html" target="_blank" title="哪種黑法師最好看，多肉法師哪個品種最貴/紫羊絨最好看">
                            <div class="color2">哪種黑法師最好看，多肉法師哪個品種最貴/紫羊絨最好看</div>
                            </a></li>
                                                <li><a href="/view/15890.html" target="_blank" title="荷包牡丹好養嗎，荷包牡丹的養殖方法和注意事項/忌高溫">
                            <div class="color3">荷包牡丹好養嗎，荷包牡丹的養殖方法和注意事項/忌高溫</div>
                            </a></li>
                                                <li><a href="/view/15857.html" target="_blank" title="錦雞兒和金雀兒的區別，四個方面帶你們來區分">
                            <div class="color4">錦雞兒和金雀兒的區別，四個方面帶你們來區分</div>
                            </a></li>

調用 color4 的序號 <?=$bqno?>替換

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

案例2

想制作這種效果，必須<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