用灵动标签调用文章的时候,如果没有特殊设置,每条文章的显示样式是一样的。有些人会追求“多彩”的外观,比如设置第三和第六条为红色或者加下划线等等,那么要怎么实现呢?
比如调用16条,第8条和第16条采用其它样式,与其它14条样式不同。
代码如下:
<div> [e:loop={3,16,0,0}] <?php if($bqno==8||$bqno==16) { echo '<li style="margin-right:0px;">'; } else { echo'<li>'; } ?> ....... </li> [/e:loop] </div>
表示:第8条和第16条为(<li style=”margin-right:0px;”>……<li>),而其它14条是(<li>……<li>),li后面没有了style=”margin-right:0px;”样式。
同样,这么一个功能可以扩展出很多大家想要的效果,具体的还是需要大家的探讨和摸索。
更新一个扩展实例:
要调用某个标题分类的文章,实现第一条为图片头条,其他为标题列表。一般情况下,我们会分开来调用,图片归图片,文字归文字,但是这样不仅不方便,而且也因为标题的重复而影响美观。这时候上面的原理就可以实现了。
下面是代码:
<h2 class="hometitle">点击排行</h2> [e:loop={'news',5,19,1}] <? if($bqno==1) { ?> <ul class="tjpic"> <i><img src="<?=$bqr[titlepic]?>"></i> <p><a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" target="_blank"><?=$bqr[title]?></a></p> </ul> <?php } else{ ?> <ul class="sidenews"> <li> <i><img src="<?=$bqr[titlepic]?>"></i> <p><a href="<?=$bqsr[titleurl]?>" title="<?=$bqr[title]?>" target="_blank"><?=$bqr[title]?></a></p> <span>[<?=date('Y-m-d',$bqr[newstime])?>]</span> </li> </ul> [/e:loop] <? } ?>