cms判断写法

最新推荐文章于 2024-04-29 10:23:29 发布

weixin_30914981

最新推荐文章于 2024-04-29 10:23:29 发布

阅读量148

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dej-11/p/7977988.html

本文介绍如何在CMS中利用循环和条件判断实现图片轮播效果，包括一张大图和四张小图的不同样式设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>