织梦利用[field:global.autoindex /]打造文章排行榜代码

来源：本站原创|时间：2021-08-05|栏目：dedecms|点击：次

前几天用织梦给朋友做了一站，期间用到了一个排行榜的效果，虽然代码很简单不过还是比较实用，希望对大家有所帮助吧，其实就是利用dedecms的[field:global.autoindex /]这个增量标签，再配合css控制样式来实现，亲!来一张图吧

直接上代码：

.arcRank ol{ margin:0; padding:0;}

.arcRank li{ height:26px; line-height:26px; list-style:none; margin:0 0 10px; overflow:hidden; padding:0;}

.arcRank a{ text-decoration:none;}

.arcRank em{ background:#666; color:#fff; display:inline-block; font-family:Arial; text-align:center; width:26px;}

.arcRank li .n_1{ background:#5c7900;}

.arcRank li .n_2{ background:#719500;}

.arcRank li .n_3{ background:#89b400;}

</style>

<ol>

{dede:arclist row='10' flag='p' titlelen='56' infolen='200' orderby='click'}

<li>

<em class="n n_[field:global.autoindex /]">[field:global.autoindex /]</em>

<span class="t">[field:title/]</span>

</a>

</li>

{/dede:arclist}

</ol>

</div>

本文是[field:global.autoindex /]的初级应用，如果再配合runphp='yes'和javascript的话可以实现很多超炫的效果

栏目：dedecms

本文地址：https://www.xiuzhanwang.com/a1/dedecms/14109.html

如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。

联系QQ：835971066 | 邮箱：835971066#qq.com(#换成@)