dedecms文章列表实现序列号排序效果实现代码
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>要实现这样的效果，我就不多讲些废话了，那么下面就开始直接讲解织梦dedecms文章列表加上序列号效果的方法。<br>
首先我们看下织梦标签的调用代码。前三个加入特殊判断 </p>
<blockquote>
<ol class="dp-c">
<li class="alt">
<span><span><DIV </span><span class="keyword">class</span><span>=</span><span class="string">"downtop border"</span><span>> </span></span>
</li>
<li>
<span><UL <span class="keyword">class</span><span>=text> </span></span>
</li>
<li class="alt">
<span>{dede:arclist orderby=pubdate type=<span class="string">'commend.'</span><span> titlelen=</span><span class="string">'26'</span><span> row=</span><span class="string">'10'</span><span> channel=3} </span></span>
</li>
<li>
<span><LI> </span></span>
</li>
<li class="alt">
<span>$a=<span class="string">"<SPAN class='num active'>"</span><span>; </span></span>
</li>
<li>
<span>$b=<span class="string">"</SPAN>"</span><span>; </span></span>
</li>
<li class="alt">
<span>$c=<span class="string">"<SPAN class='num'>"</span><span>; </span></span>
</li>
<li>
<span><span class="keyword">if</span><span> (@me > 3) @me = $c.@me.$b; </span></span>
</li>
<li class="alt">
<span><span class="keyword">else</span><span> @me = $a.@me.$b; </span></span>
</li>
<li>
<span> <SPAN <span class="keyword">class</span><span>=tit><A title=</span><span class="string">""</span><span> </span></span>
</li>
<li class="alt">
<span>href=<span class="string">""</span><span>></A></SPAN></LI> </span></span>
</li>
<li>
<span>{/dede:arclist} </span>
</li>
<li class="alt">
<span></UL> </span>
</li>
<li>
<span></DIV> </span>
</li>
</ol>
</blockquote>
<p>
<span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>下面是普通的数字排序 </span></p>
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div class="right">
<span><u>复制代码</u></span>
</div>
<p>
代码如下:</p>
</div>
<div class="msgborder" id="phpcode4" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
<br>
<br>
$a="<SPAN>"; <br>
$b="</SPAN>"; <br>
@me = $a.@me.$b; <br>
</div>
<p>
<br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>上面的是织梦标签的调用部分。 </span><br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>下面看看我们的css代码部分。 </span></p>
<div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div class="right">
<span><u>复制代码</u></span>
</div>
<p>
代码如下:</p>
</div>
<div class="msgborder" id="phpcode5" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
<br>
.downtop { <br>
FLOAT: left; OVERFLOW: hidden; WIDTH: 218px; HEIGHT: 278px <br>
} <br>
.downtop UL.text { <br>
MARGIN: 0px 10px; WIDTH: 198px; PADDING-TOP: 5px <br>
} <br>
.downtop UL.text LI { <br>
WIDTH: 198px <br>
} <br>
.downtop UL.text SPAN { <br>
DISPLAY: block; FLOAT: left <br>
} <br>
.downtop UL.text SPAN.num { <br>
MARGIN-TOP: 4px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 10px; WIDTH: 18px; LINE-HEIGHT: 12px; HEIGHT: 13px; TEXT-ALIGN: center;COLOR: #fff; BACKGROUND-COLOR: #b7b7b7 <br>
} <br>
.downtop UL.text LI SPAN.active { <br>
BACKGROUND-COLOR: #7abdff <br>
} <br>
.downtop UL.text SPAN.tit { <br>
PADDING-LEFT: 10px; OVERFLOW: hidden; WIDTH: 168px; WHITE-SPACE: nowrap; HEIGHT: 21px <br>
} </div>
<p>
<br style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'><span style='font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px;'>好了，今天的织梦dedecms文章列表加上序列号效果就分享到这里</span></p>
頁:
[1]