我的要求是我必须用 3 种颜色动态设置 div 的样式。 我已经使用此代码使用随机颜色完成了
function randomColors() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 4; i++ ) {
color += letters[Math.round(Math.random() * 15)];
}
return color;
}
我只需重复 3 种颜色,并且这将动态循环!我怎样才能做到这一点?
我只想动态设置这 3 种颜色 #09c5f9、#05f6d5、#a42cff。
for(i=1; i <= pmap; i++){
$("#thumbnail"+i).css("background-color",randomColors());
}
最佳答案
我可以想到两种方法来做到这一点。
1) 如果您使用 jQuery,最简单的方法(在我看来正确的方法)是声明三个类并使用 jQuery 交换它们。
CSS:
.teal{
background-color: #09c5f9;
}
.emerald{
background-color: #05f6d5;
}
.purple{
background-color: #a42cff;
}
和 JavaScript:
$("#some-element").removeClass("teal emerald").addClass("purple");
$("#some-element").removeClass("teal purple").addClass("emerald");
$("#some-element").removeClass("purple emerald").addClass("teal");
2)这种方式使用裸机 JS,并且还使用与原始帖子中使用的相同的编程风格。
var colors = ["#09c5f9", "#05f6d5", "#a42cff"];
function getColor(colorNumber){
return colors[colorNumber];
}
希望这有帮助。
关于javascript - 动态设置具有 3 种颜色的 div 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18711110/