前端大神 和tp大神来看看 如何让循环里的结果每次颜色不一样

下面的volist 中的循环 如何让每次循环的结果 背景颜色都不一样 呢
如下图的效果
.acti{
width: 100%;
height: 70px;
//border: 1px dashed #7E54DC;
background-color: #E7E7E7;
margin-bottom: 5px;
font-size: 12px;
}

<volist name=”list” id=”vo”>

            

            <a href="__APP__/Activity/near_acti_content/ac_id/<{$vo.ac_id}>" ><div class="acti" >
                 <div style="margin-top: 2px;"><i class="fa fa-book fa-fw"></i> <{$vo.ac_title}> <span style="float: right;"><i class="fa fa-cny fa-fw"></i><{$vo.ac_charge}>元</span></div>
                 <div style="margin-top: 5px;"><i class="fa fa-map-marker fa-fw"></i> <{$vo.ac_place}>  </div>
                 <div style="margin-top: 6px;"><i class="fa fa-clock-o fa-fw"></i> <{$vo.ac_time}></div>
            </div>
           </a>

           </volist>
           

1.通过循环中的索引添加不同的 class,如 c1, c2 …在样式中定义这些类的样式。
2.使用css选择器 selector:nth-child(n),为某个子元素添加样式。n 可以具体的第 n 个,从 1 开始。也可以是表达式比如 :nth-child(2n) 偶数项、:nth-child(2n+1) 奇数项。

设置好对应的背景色的class属性。然后根绝循环的索引值取不同的class属性

.bg0{}
.bg1{}
.bg1{}

循环时以索引值取

{foreach $key $val}
<div class='bg{key}'>...</div>
{/foreach}

试试看,希望对你有帮助

function getRandomColor() {
    var strColor = '#';
    for (var i = 0; i < 6; i++) {
        var currnet = Math.random() * 15 | 0;
        strColor += currnet.toString(16);
    }
    return strColor;
}
$(".acti").css('background-color',getRandomColor());

呵呵呵,用js实现一个全随机的。

你在做webapp吗

  • 使用float和position来使元素居中出现的问题
  • 关于自己开发的投票程序如何分享到微信群并获取投票群友的相关信息?
  • 服务器上重新创建触发器仍然报错说用户不存在
  • 偶尔看到typecho的框架开源了,求范例。。
  • 百度首页输入框里的那个相机图片是怎么添加的
  • php7.0.2 安装完 pthreads 后报错
  • 一个不正常的PHP语法报错。
  • PHP如何生成16位数的MD5值?
  • php文件名和类名相同时include不起作用?
  • MAC 更改php默认为mamp报错:.bash_profile:1: command not found: ≈source
  • jquery on 方法在safari上的兼容性