很多時(shí)候我們在做文章列表前面的序號(hào)時(shí)都直接采用的是背景圖片來實(shí)現(xiàn)的，但是這樣我們在實(shí)際寫頁面過程中需要手動(dòng)調(diào)整每個(gè)序號(hào)間的間距，對于排版來說非常的麻煩。

今天給所有自己建網(wǎng)站的學(xué)員介紹一種利用dedecms的[field:global.autoindex/]來給文章列表前添加序列號(hào)的方法。這種方法在B2B網(wǎng)站制作中經(jīng)常用到。效果如下圖：

dedecms文章列表前添加序列號(hào)代碼

代碼解釋：

//@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)顯示為

顯示為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 ，其它請自行嘗試@me=“@me+1?”是不對的，那樣+1會(huì)看作是一個(gè)字符串！

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

以上是通過[field:global.autoindex/]給dedecms文章列表前添加序列號(hào)，我們也可以使用css選擇器的after屬性來達(dá)到這樣的效果。

標(biāo)簽： b2b b2b網(wǎng) b2b網(wǎng)站 代碼 建網(wǎng)站 網(wǎng)站制作

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。