
用灵动标签调用文章的时候,如果没有特殊设置,每条文章的显示样式是一样的。有些人会追求“多彩”的外观,比如设置第三和第六条为红色或者加下划线等等,那么要怎么实现呢?
比如调用16条,第8条和第16条采用其它样式,与其它14条样式不同。
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <div class =”must”> [e:loop={3,16,0,0}] <?php if ( $bqno ==8|| $bqno ==16) { echo ‘<li style=”margin-right:0px;”>’; } else { echo ‘<li>’; } ?> <h1 class =”app_img”><a href=”<?= $bqsr [titleurl]?>” title=”<?= $bqsr [title]?>” ><span></span><img src=”<?= $bqr [titlepic]? $bqr [titlepic]:’[!---news.url--]e/data/images/notimg.gif’?>” alt=”<?= $bqsr [title]?>” width=”74″ height=”74″ /></a></h1> <h2><a href=”<?= $bqsr [titleurl]?>” title=”<?= $bqsr [title]?>”><?=esub( $bqr [title],6,”)?></a></h2> </li> [/e:loop] </div> |
表示:第8条和第16条为(<li style=”margin-right:0px;”>……<li>),而其它14条是(<li>……<li>),li后面没有了style=”margin-right:0px;”样式。
同样,这么一个功能可以扩展出很多大家想要的效果,具体的还是需要大家的探讨和摸索。
更新一个扩展实例:
要调用某个标题分类的文章,实现第一条为图片头条,其他为标题列表。一般情况下,我们会分开来调用,图片归图片,文字归文字,但是这样不仅不方便,而且也因为标题的重复而影响美观。这时候上面的原理就可以实现了。
下面是代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | [e:loop={ 'chanye' ,4,18,0, 'ttid=22' }] <? if ( $bqno ==1) { ?> <div class =”topic_now”> <div class =”tit”> <h3>本期话题</h3> </div> <div class =”con”> <div class =”huati”><a href=”<?= $bqsr [titleurl]?>” target=”_blank” title=”<?= $bqr [title]?>”><img src=”<?= $bqr [titlepic]?>” alt=”<?= $bqr [title]?>” /> <div class =”cover”> <?=esub( $bqr [title],30)?> </div> </a> </div> </div> </div> <div class =”topic_before”> <div class =”tit”><a href=”/t/huati/” class =”more” target=”_blank”>更多+</a> <h3>往期话题</h3> </div> <div class =”con”> <ul> <?php } else { ?> <li> <a href=”<?= $bqsr [titleurl]?>” title=”<?= $bqr [title]?>” class =”fl” target=”_blank”><img src=”<?= $bqr [titlepic]?>” alt=”<?= $bqr [title]?>”></a> <h4><a href=”<?= $bqsr [titleurl]?>” title=”<?= $bqr [title]?>” target=”_blank”> <?=esub( $bqr [title],30)?> </a></h4> <p> <?=esub( $bqr [smalltext],10)?> </p> </li> <? } ?> </ul> </div> </div> [/e:loop] |
实现效果如下:
就是这么着,这是一句灵动标签实现的。
人吐槽 | 人点赞 |
发表评论