刷新时生成随机颜色

Question

我想知道我是否可以帮助我将网站更改为随机配色方案（例如，在刷新页面时将红色和黄色的蓝色背景替换为灰色）。这是代码（http://jsbin.com/yudiwaza/1/edit?html,css,js,output）。我一直在谷歌搜索，但似乎无法得到我发现与我的网站合作的解决方案。非常感谢任何帮助！

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