您当前的位置:首页 > 帝国cms

灵动标签:不同的样式调用

时间:2020-03-19 17:09:18    来源:    作者:
[e:loop={2,10,0,0}]
   <?php
     if($bqno==10)
     {
     $class="sxecn no";
     }
     else
     {
     $class="sxecn";
     }
   ?>

<div class="<?=$class?>">
   <div class="sxecn_com">
           <a href="<?=$bqsr[titleurl]?>"><?=esub($bqr[title],16)?></a>
   </div>
</div>
[/e:loop]

这个例子表示调用10条信息,前面9条信息带“<div class="sxecn">”CSS样式,也就是前面9条,每条信息结束后都带有一条下划线,而在第10条,则取消下划线,调用的样式则改为“<div class="sxecn no">”。

 

比如调用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]
<?
}
?>

要调用某个标题分类的文章,实现第一条为图片头条,其他为标题列表。一般情况下,我们会分开来调用,图片归图片,文字归文字,但是这样不仅不方便,而且也因为标题的重复而影响美观。这时候上面的原理就可以实现了。

------------------

从图中我们看到 前面3个背景色不一样 ,后面7个颜色相同,

调用方式如下:

 [e:loop={1,10,0,0}]
<?php
if($bqno==1)
{
$ys=' class="on1"';
}

elseif($bqno==2)
{
$ys=' class="on2"';
}

elseif($bqno==3)
{
$ys=' class="on3"';
}
 else
{
$ys='';
 }
?>
<li><span<?=$ys?>><?=$bqno?></span><a href="<?=$bqsr[titleurl]?>" title="<?=$bqsr[title]?>" ><?=$bqsr[title]?></a></li>
[/e:loop]
推荐资讯