<body>
下面的volist 中的循环 如何让每次循环的结果 背景颜色都不一样 呢
如下图的效果
.acti{
width: 100%;
height: 70px;
//border: 1px dashed #7E54DC;
background-color: #E7E7E7;
margin-bottom: 5px;
font-size: 12px;
}
<code> " ><div class="acti"> <div style="margin-top: 2px"><i class="fa fa-book fa-fw"></i> <span style="float: right"><i class="fa fa-cny fa-fw"></i>元</span></div> <div style="margin-top: 5px"><i class="fa fa-map-marker fa-fw"></i> </div> <div style="margin-top: 6px"><i class="fa fa-clock-o fa-fw"></i> </div> </div> </code>
本文来源gao.dai.ma.com搞@代*码#网搞代gaodaima码
回复内容：
<body>
下面的volist 中的循环 如何让每次循环的结果 背景颜色都不一样 呢
如下图的效果
.acti{
width: 100%;
height: 70px;
//border: 1px dashed #7E54DC;
background-color: #E7E7E7;
margin-bottom: 5px;
font-size: 12px;
}
<code> " ><div class="acti"> <div style="margin-top: 2px"><i class="fa fa-book fa-fw"></i> <span style="float: right"><i class="fa fa-cny fa-fw"></i>元</span></div> <div style="margin-top: 5px"><i class="fa fa-map-marker fa-fw"></i> </div> <div style="margin-top: 6px"><i class="fa fa-clock-o fa-fw"></i> </div> </div> </code>
1.通过循环中的索引添加不同的 class，如 c1, c2 …在样式中定义这些类的样式。
2.使用css选择器 selector:nth-child(n)，为某个子元素添加样式。n 可以具体的第 n 个，从 1 开始。也可以是表达式比如 :nth-child(2n) 偶数项、:nth-child(2n+1) 奇数项。
设置好对应的背景色的class属性。然后根绝循环的索引值取不同的class属性
<code>.bg0{}.bg1{}.bg1{}</code>
循环时以索引值取
<code>{foreach $key $val}<div class='bg{key}'>...</div>{/foreach}</code>
试试看，希望对你有帮助
<code class="js">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());</code>
呵呵呵，用js实现一个全随机的。
你在做webapp吗
转载请注明原文链接：前端大神 和tp大神来看看 如何让循环里的结果每次颜色不一样
