当前位置:首页 > CMS教程 > phpcms > 列表

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

发布:smiling 来源: PHP粉丝网  添加日期:2014-10-19 21:25:35 浏览: 评论:0 

今天CMSYOU在这里将与大家具体分享Phpcms V9文章调用标题前面显示排行序号的方法.

先上效果图:

PC V9文章调用显示排行数字,在这里的“1、2、3……8”就是所谓的标题前面的排行数字.

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

假想1:用背景图,具体用图片的方式,事先做好带有“1、2、3……8”的背景图,作为整个List的背景.

点评:可以实现,但是缺乏灵活性,而且图片会大,不够精简.

假想2:把不同图标做成不同的小图标,然后手动写每一行li的class或者id,这样实现“1、2、3……8”.

点评:可以实现,但是不便于大量调用,不适合写在模板里边.

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

调用代码一:

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

调用代码二:

  1. {pc:content action="lists" catid="$catid" order="id DESC" num="10"
  2. {php $j=1;} 
  3. {loop $data $v} 
  4.   <li>{php echo $j}<a href="{$v[url]}">{str_cut($v['title'],44,'')}</a></li> 
  5. {$j++} --phpfensi.com 
  6. {/loop} 
  7. {/pc} 

采用{$n}或者{$j++}的方式,让调用的数据前面的数字递增,具体CSS方面的匹配,大家尝试下.

Tags: Phpcms标题序号 Phpcms排行序号

分享到: