javascript - 刷新时生成的随机颜色

Question

<分区>

Answer 1

不要应用随机颜色，它们看起来会很丑——自己定义颜色。

最好的方法是在 body 标签上应用一个随机类并使用 CSS 来改变颜色。例如，我正在更改演示中的背景颜色，但您可以更改任何东西来控制您的整个布局样式。

DEMO

JS:

$(function(){
    var themeClassName = "theme_"+Math.floor((Math.random() * 10) + 1);
    $('body').addClass(themeClassName);
});

CSS:

.theme_1{
    background: #f00;
}
.theme_2{
    background: #0f0;
}
.theme_3{
    background: #00f;
}
.theme_4{
    background: #000;
}
.theme_ .... // till 10 different classes

如果您想要的主题数少于或多于 10，则更改此值:

(Math.random() * 10 <--This value from the above code