欢迎光临
我们一直在努力

phpcms V9文章调用标题前面显示排行序号的调用方法

先上效果图:
20130527045719659

在这里的“1、2、3……8”就是所谓的标题前面的排行数字。

大家先想想应该怎么做呢?

假想一:

用背景图,具体用图片的方式,事先做好带有“1、2、3……8”的背景图,作为整个List的背景。
点评:可以实现,但是缺乏灵活性,而且图片会大,不够精简。

假想二:

把不同图标做成不同的小图标,然后手动写每一行li的class或者id,这样实现“1、2、3……8”。
点评:可以实现,但是不便于大量调用,不适合写在模板里边。

下面分享两个具体的Phpcms V9文章调用标题前面显示排行序号调用代码:

调用代码一:

{pc:content action="hits" catid="catid" num="8" order="monthviews DESC" cache="3600"}
{loopdata kv}
<li><strong class="num2">{n}</strong><a title="{v[title]} - {number_format(v[monthviews])}" href="{v[url]}">{str_cut($v[title],36,'...')}</a></li>
{/loop}
{/pc}

调用代码二:

{pc:content action="lists" catid="catid" order="id DESC" num="10"}
{phpj=1;}
{loop datav}
<li>{php echo j}<a href="{v[url]}">{str_cut(v['title'],44,'')}</a></li>
{j++}
{/loop}
{/pc}

调用代码三:

{php i=0;}
{loopdata nr}
{php i++;}
<dl class="f_{i}">
<dt><a href="{userlink}" target="_blank">{username}</a></dt>
<dd>
<a href="{userlink}" alt="{username}" target="_blank"><img src="{photo}" alt="好友数:{friendnum}" width="40" height="40" /></a>
<STRONG> </STRONG> 
<div>人气:{viewnum}</div>
</dd>
</dl>
{/loop}

调用代码四:

{pc:content action="hits" catid="catid" num="7" order="monthviews DESC" cache="3600" return="orderlist"}
{looporderlist v}
{php if(n<=3){s='t';}else{s='';}}
{php if(n<=9){m=0;}else{m='';}}
<li><s class="{s}">{m}{n}</s><a href="{v[url]}"{title_style(v[style])} title="{v[title]}">{str_cut(v['title'],50)}</a></li>
{/loop}
{/pc}

采用{n}或者{j++}的方式,让调用的数据前面的数字递增。

具体CSS方面的匹配,大家尝试下!相信不会难到大家!

赞(0)
未经允许不得转载:飘云 » phpcms V9文章调用标题前面显示排行序号的调用方法
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址