cms比较容易写出循环的网页内容,对于有些循环的网页内容有不同css设定,这样在写cms时需要对循环做出条件判断:{if 判断条件}输出内容{else}输出内容{/if}。通过判断可以实现图片轮播效果,某些单独突出显示的内容

 <ul class="pro-list">
{pc:content action="category" catid="21" num="4" siteid="$siteid" order="listorder
ASC"}
{loop $data $key $r}
{if $key==40}
<li class="item0">
<a title="{$r[catname]}" href="{$r[url]}">
<div class="div-img" style="height:auto">
<img alt="{$r[catname]}" src="{$r[image]}" class="Animation">
</div>
<div class="pro_box Themebg Animation">
<h5 class="overflow">{$r[catname]}</h5>
<p></p>
</div>
</a>
</li>
{else}
<li class="item1">
<a title="{$r[catname]}" href="{$r[url]}">
<div class="div-img" style="height:auto">
<img alt="{$r[catname]}" src="{$r[image]}" class="Animation">
</div>
<div class="pro_box Themebg Animation">
<h5 class="overflow">{$r[catname]}</h5>
<p></p>
</div>
</a>
</li>
{/if}
{/loop}
{/pc}
</ul>

通过if判断实现一张大图和四个小图

最新文章

  1. 利用React实现表头维度功能
  2. C#的变迁史 - C# 1.0篇
  3. ubuntu 12.04 react-native 安装
  4. cJSON_json包的C语言解析库
  5. 异步post请求之Block方法
  6. 《c程序设计语言》读书笔记-字符型0-9转为数字0-9
  7. javascript--自己用的插件
  8. Eclipse编辑器样式修改
  9. URL中有中文字符,转码方法
  10. NTP原理及配置使用
  11. Install Oracle 12c R2 on CentOS 7 silent
  12. 使用Python3爬虫抓取网页来下载小说
  13. Oracle数据库date类型与Java中Date的联系与转化
  14. SpringMVC中Controller的方法返回值
  15. python基础知识11---函数1
  16. Java并发编程基础——同步
  17. windows安装mongodb服务简洁版教程
  18. 2.3 Visio画虚线后插入word或PPT变为实线
  19. CF986C AND Graph
  20. hdu 4738 Caocao&#39;s Bridges 求无向图的桥【Tarjan】

热门文章

  1. jQuery通过event获取点击事件的事件对象
  2. NOIP2015 提高组合集
  3. shell中的四种模式匹配
  4. 【解决】hive与hbase表结合级联查询的问题
  5. ARP病毒查找与防范
  6. UVa 11362 - Phone List
  7. python-paramiko初体验
  8. xcode,git tips
  9. SOA究竟是个啥
  10. POJ 3221 Diamond Puzzle.