很多時(shí)候我們?cè)谧鑫恼铝斜砬懊娴男蛱?hào)時(shí)都直接采用的是背景圖片來實(shí)現(xiàn)的，但是這樣我們?cè)趯?shí)際寫頁面過程中需要手動(dòng)調(diào)整每個(gè)序號(hào)間的間距，對(duì)于排版來說非常的麻煩。今天這個(gè)文章的目的就是是介紹怎么利用dedecms的[field:global.autoindex/]來實(shí)現(xiàn)前面的序號(hào)以及背景樣式。

實(shí)現(xiàn)方法：我們先看下面一段代碼

{dede:arclist typeid=’1′ limit=’0,10′ titlelen=’30′} <li><em class=”num[field:global name=autoindex runphp="yes"](@me<4)? @me=”3″:@me=”";[/field:global]“>[field:global name=autoindex runphp="yes"](@me<10)? @me=”0@me”:@me=”10″;[/field:global]</em><a href=”[field:arcurl/]” target=”_blank” title=”[field:fulltitle/]“>[field:title/]</a></li>{/dede:arclist}

//@me 表示這個(gè)標(biāo)記本身的值

//autoindex 自增序號(hào) 就想是一般循環(huán)有語句中的 i++ 循環(huán)一次 自動(dòng)加1

//runphp=”yes” 在php程序中運(yùn)行

// em 大家都懂吧 是一個(gè)html標(biāo)簽<em>

模板經(jīng)過解析后前臺(tái)顯示為

<li><em class=”num3″>01</em><###</li>

<li><em class=”num3″>02</em>##</li>

<li><em class=”num3″>03</em>##</li>

…

<li><em class=”num”>09</em>##</li>

<li><em class=”num”>10</em>##</li>

顯示為10行，而且前面都帶有編號(hào)，至于序號(hào)上的顏色邊框我想大家用css或者是圖片都是可以實(shí)現(xiàn)的吧！

解釋下上面的語句，autoindex<4 則讓autoindex的值返回3 如果autoindex<10 則讓autoindex的值返回0autoindex；

如果說你要調(diào)用數(shù)字非常有規(guī)律，跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一個(gè)固定的數(shù)值，那么可以這樣寫@me=“@me”+1 ，其它請(qǐng)自行嘗試@me=“@me+1”是不對(duì)的，那樣+1會(huì)看作是一個(gè)字符串！

dedecms運(yùn)用[field:global.autoindex/]實(shí)現(xiàn)數(shù)字序號(hào)列表就寫到這里，上面的案例只能在arclist標(biāo)簽中使用。