用灵动标签调用文章的时候，如果没有特殊设置，每条文章的显示样式是一样的。有些人会追求“多彩”的外观，比如设置第三和第六条为红色或者加下划线等等，那么要怎么实现呢？
比如调用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}]<?phpif($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] |
实现效果如下：
就是这么着，这是一句灵动标签实现的。
| 人吐槽 | 人点赞 |
发表评论