随机化配色方案

Question

我环顾四周寻找最适合我想要的东西，但我只找到了仅涵盖我想要的部分内容的具体例子：

我已预设但尚未编码的随机选择的配色方案 - 包括：每个方案的背景图片，文字颜色和边框颜色。

我有六个方案，我希望在页面加载/刷新时随机选择一个主题。

就像我说过的那样，我发现了类似的例子，但仅用于背景图片或文字颜色。

非常感谢任何帮助。

Answer 1

将每个方案设为CSS文件，将它们命名为scheme-1.css，scheme-2.css，scheme-3.css等。

然后，将其添加到您的html：

 <link rel="stylesheet" id="style-scheme" type="text/css" href="scheme.css"/>

Javascript :(假设使用jquery）

 <script type="text/javascript">

 var number = Math.floor((Math.random() * 3) + 1);//number between 1 & 3 (3 stylesheets)

 $("#style-scheme").attr("href", "scheme-" + number + ".css" )

 </script>