phpcms v9列表页时间轴效果

今天给公司做网站的时候，需要用v9调用列表页成时间轴样式，大家看，看下效果。

效果如上，感觉不错不错吧，现在代码分享出来给大家参考一下。

{pc:content action="lists" catid="$catid" num="10" order="id DESC" page="$page"}

<?php

$arr=array();

foreach ($data as $k=>$t)

{

$y=date("Y",$t['inputtime']);

$arr[$y][0]=$y;

$arr[$y][]=$t;

}

?>

<?php

foreach ($arr as $p=>$k)

{

?>

<div class="history-date">

<ul>

<?php

$num=1;

for($j=1;$j<count($k);$j++)

{

?>

<h2 class='first'><a href='#nogo'><?php if($num==1){echo $k[0];};$num++; ?></a></h2>

<li>

<h3><?php echo date('m-d',$k[$j]['inputtime']); ?></h3>

<div class="zxhdListBj">

<div class="zxhdListL">

<a href="<?php echo $k[$j]['url']; ?>"><img src=" <?php echo $k[$j]['thumb']; ?>" width="124" height="124" /></a>

</div>

<div class="zxhdListR">

<h1><a href=" <?php echo $k[$j]['url']; ?>"><?php echo $k[$j]['title']; ?></a></h1>

<p>

<?php echo $k[$j]['description']; ?>

</p>

<p class="xx"><a href=" <?php echo $k[$j]['url']; ?>" target="_blank">查看详情>></A></p>

</div>

</div>

</li>

<?php } ?>

</ul>

</div>

<?php } ?>

<div id="pages" class="text-c">{$pages}</div>

{/pc}