PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > CMS教程 > phpcms教程 > 正文

    phpcms v9列表页时间轴效果

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:今天给公司做网站的时候,需要用v9调用列表页成时间轴样式,大家看,看下效果。效果如上,感觉不错不错吧,现在代码分享出来给大家参考一下...
    今天给公司做网站的时候,需要用v9调用列表页成时间轴样式,大家看,看下效果。

    phpcms v9列表页时间轴效果


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

    1. {pc:content action="lists" catid="$catid" num="10" order="id DESC" page="$page"}  
    2.     <?php 
    3.     $arr=array();  
    4.        foreach ($data as $k=>$t)  
    5.        {  
    6.           $y=date("Y",$t['inputtime']);  
    7.           $arr[$y][0]=$y;  
    8.           $arr[$y][]=$t;  
    9.        }  
    10.        
    11.     ?> 
    12.     <?php 
    13.     foreach ($arr as $p=>$k)   
    14.     {  
    15.     ?> 
    16.     <div class="history-date">   
    17.       <ul>        
    18.  
    19.  
    20.     <?php 
    21.         $num=1;  
    22.            for($j=1;$j<count($k);$j++)   
    23.            {  
    24.    
    25.     ?> 
    26.     <h2 class='first'><a href='#nogo'><?php if($num==1){echo $k[0];};$num++; ?></a></h2> 
    27.        <li> 
    28.          
    29.          <h3><?php echo date('m-d',$k[$j]['inputtime']); ?></h3> 
    30.                      <div class="zxhdListBj"> 
    31.                          <div class="zxhdListL"> 
    32.                             <a href="<?php echo $k[$j]['url']; ?>"><img src=" <?php echo $k[$j]['thumb']; ?>" width="124" height="124" /></a> 
    33.                          </div> 
    34.                          <div class="zxhdListR"> 
    35.                                 <h1><a href=" <?php echo $k[$j]['url']; ?>"><?php echo $k[$j]['title']; ?></a></h1> 
    36.                                 <p> 
    37.                                 <?php echo $k[$j]['description']; ?> 
    38.                                 </p> 
    39.                                 <p class="xx"><a href=" <?php echo $k[$j]['url']; ?>" target="_blank">查看详情>></A></p> 
    40.                          </div> 
    41.               </div> 
    42.         </li> 
    43.       <?php  } ?> 
    44.       </ul> 
    45.     </div> 
    46.     <?php } ?> 
    47.      <div id="pages" class="text-c">{$pages}</div> 
    48.     {/pc} 
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-101-1680-1.html
    相关热词搜索: