发布时间:2019-02-26 09:38:42 点击数:
用灵动标签调用文章的时候,如果没有特殊设置,每条文章的显示样式是一样的。有些人会追求“多彩”的外观,比如设置第三和第六条为红色或者加下划线等等,那么要怎么实现呢?
比如调用16条,第8条和第16条采用其它样式,与其它14条样式不同。
代码如下:
[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;”样式。
同样,这么一个功能可以扩展出很多大家想要的效果,具体的还是需要大家的探讨和摸索。
更新一个扩展实例:
要调用某个标题分类的文章,实现第一条为图片头条,其他为标题列表。一般情况下,我们会分开来调用,图片归图片,文字归文字,但是这样不仅不方便,而且也因为标题的重复而影响美观。这时候上面的原理就可以实现了。
下面是代码:
[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]