基本上,我的网站上有一个页面,其中包含可以滑动以显示背景颜色的框。我希望这个背景颜色在页面加载时是随机的,通过向元素添加一个类,例如 .blue、.green 等...
我已经创建了这个代码,你可能会注意到这随机排序颜色类并应用于元素,这适用于前 6 个元素,但是这个页面特别有 12 个元素,我希望它适用,所以我的问题是如何做我将变量类的随机选择应用于所有“.portfolio ul li a”?是否需要某种形式的重复?
这是我的剧本..
function randCol() {
return (Math.round(Math.random())*7); }
$(document).ready(function() {
var classes = [ 'blue', 'orange', 'green', 'pink', 'black', 'white'];
classes.sort( randCol );
$('.portfolio ul li a').each(function(i, val) {
$(this).addClass(classes[i]);
});
})
这是我的源代码结构
<div class="portfolio">
<ul>
<li>
<a href="#">
<img src="images/content/portfolio/sample1.png" height="175" width="294" alt="sample" class="front" />
Text for behind the image
</a>
</li>