發(fā)布時(shí)間：2019-11-02 來源：未知 瀏覽： 關(guān)鍵詞：

很多網(wǎng)站都會(huì)使用到帶序號(hào)的列表樣式，非常美觀，如下圖所示：

想制作這種效果，必須<li>列表輸出不出的命名，如下例：

<li class="no1"><a href="#">標(biāo)題</a></li>
<li class="no3"><a href="#">標(biāo)題</a></li>
<li class="no4"><a href="#">標(biāo)題</a></li>
<li class="no5"><a href="#">標(biāo)題</a></li>
<li class="no6"><a href="#">標(biāo)題</a></li>

 然后再針對(duì)性的寫不同的CSS樣式。

帝國CMS靈動(dòng)標(biāo)簽調(diào)用列表可以輸入為這樣的列表，代碼如下：

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

 也就是在正常的靈動(dòng)標(biāo)簽里添加了 <?=$bqno?> ，這樣生成的列表就會(huì)輸出數(shù)字的列表：

<li class="16css1"><a href="#">標(biāo)題</a></li>
<li class="16css3"><a href="#">標(biāo)題</a></li>
<li class="16css4"><a href="#">標(biāo)題</a></li>
<li class="16css5"><a href="#">標(biāo)題</a></li>
<li class="16css6"><a href="#">標(biāo)題</a></li>

要從2開始就 $bqno+1 
要從3開始就 $bqno+2

另外，還有萬能標(biāo)簽實(shí)現(xiàn)輸出數(shù)字排序列表方法一枚，歡迎圍觀：

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