帝国cms模板里灵动标签调用前面几个样式不同

我们平常看到以下的样式，是怎么调用的呢 ，

从图中我们看到 前面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]