POST TIME:2021-05-22 21:35
如下圖所示,遞增數字排序列表效果非常常用,各種網站都有用到,特別是下載排行,點擊排行,銷售排行等時。
這種效果實際上是用CSS控制實現的。
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>
然后通過CSS樣式來控制數字圖標顯示。
所以,在DEDECMS調用信息列表時就必須自動輸出這個遞增的數字。
用以下這個標簽就可以:
[field:global name=autoindex/]
它會自動變成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}