织梦dedecms排行榜制作

厨房卫浴水龙头网站模板

响应式电子商务公司网站模板

响应式美食糕点企业网站模板

响应式自动化设备科技企业网站模板
(自适应手机端)品牌策划设计类网站pbootcms模板高端

(自适应手机版)黄色响应式车行汽车租赁网站pbootcms模

(自适应手机端)响应式pbootcms装修设计装潢公司网站模

(自适应手机端)响应式别墅办公家庭装修装饰设计类pboo
响应式红木实木家具网站模板

迪恩摄影Pai(7配色) 商业版（GBK）

迪恩car!汽车二手车交易Discuz模板 X3.2商业版

律师事务所法务咨询网站模板

织梦dedecms 在做文章排行榜时，效果如下图，这个排行主要有两个知识点，其一是列表前面数字递增，其二是列表的前三篇文章序号背景色蓝色，其它序号背景是白色。

织梦dedecms排行榜制作

制作这种效果通常有两种方法，一种是截图法，一种是用织梦标签autoindex，详细方法如下：

方法一：把上图文章前面的序号列表截图，1-10的序号都在一个图片上，之后把图片设置为文章列表的背景图片，用css调整其到合适的位置，设置文章列表合适的行宽，就可以了，这样当显示几条文章时，就会显示相应长度的背景。

方法二：用css设置不同样式，例如，设置class=top为前三篇文章序号的样式，而其它文章为默认，[field:global name=autoindex/]标签可以递增的熟练。代码如下：
<UL >

 <LI class="top">[field:global name=autoindex/]<A title=[field:title/] href="[field:arcurl/]" target=_blank>[field:title/]</A></LI>

<LI>[field:global name=autoindex/]<A title=[field:title/] href="[field:arcurl/]" target=_blank>[field:title/]</A></LI>

</UL>

上面<li class="top">是蓝色序号背景样式，具体的css不演示，你可以设置成自己喜欢的样式，而第二个<li>没有class的样式，我们要加个判断条件，当序号小于3时（序号都是从0开始，所以前三项是0，1，2），<li>的class是top ，其它的没有class。把上面的代码，改为：

<UL id=phc1 name="tabul">

 {dede:artlist row='' orderby='hot'}
<LI class="[field:global name=autoindex runphp="yes"]
 if(@me>3==0)@me="top";
 else @me="";
 [/field:global]">[field:global name=autoindex/]<A title=[field:title/] href="[field:arcurl/]" target=_blank>[field:title/]</A></LI>

 {/dede:artlist}

 </UL>

即：把<li >中的top改成[field:global name=autoindex runphp="yes"]
 if(@me>3==0)@me="top";
 else @me="";
 [/field:global]

 这样就可以了，你可以去试一下。当然序号递增主要用[field:global name=autoindex/] ，如果你想得到其它相关效果，可以在百度查相关关键字。

作者：欣怡建站挑错时间：2017-11-12 22:01

上一篇：织梦DEDECMS5.7在列表页动态调用点击次数
下一篇：Dedecms文章内容分页{dede:pagebreak/}调用方法

☉首先声明，只要是我们的vip会员所有源码均可以免费下载，不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ(984818011)进行交流。