今天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++} --Vevb.com 
6. {/loop} 
7. {/pc} 

采用{$n}或者{$j++}的方式,讓調用的數據前面的數字遞增,具體CSS方面的匹配,大家嘗試下.