POST TIME:2021-05-22 21:35
如下圖所示,遞增數(shù)字排序列表效果非常常用,各種網(wǎng)站都有用到,特別是下載排行,點(diǎn)擊排行,銷售排行等時(shí)。
這種效果實(shí)際上是用CSS控制實(shí)現(xiàn)的。
html代碼如下
<span class="n1"></span> <span class="n2"></span> <span class="n3"></span> <span class="n4"></span> <span class="n5"></span> <span class="n6"></span> <span class="n7"></span> <span class="n8"></span> <span class="n9"></span> <span class="n10"></span>
然后通過(guò)CSS樣式來(lái)控制數(shù)字圖標(biāo)顯示。
所以,在DEDECMS調(diào)用信息列表時(shí)就必須自動(dòng)輸出這個(gè)遞增的數(shù)字。
用以下這個(gè)標(biāo)簽就可以:
[field:global name=autoindex/]
它會(huì)自動(dòng)變成1,2,3,4,...
代碼示例:
{dede:arclist row=7 titlelen=64 limit='8,8' orderby='id'} <dd><span class="n[field:global name=autoindex/]"></span><a href="[field:arcurl/]" target="_blank" title="[field:title/]" style="">[field:title/]</a></dd> {/dede:arclist}