Wordpress 中的随机颜色选择答案

【问题标题】：Randomising Color Selection in WordpressWordpress 中的随机颜色选择
【发布时间】：2014-10-07 05:48:16
【问题描述】：

我在 Wordpress 上使用构建主题。我想让 top_title 类在每次刷新页面时改变颜色。我不确定是要编辑样式表还是将其放在某个未知的 php 文件中，我已经尝试了该站点的很多建议，但似乎没有一个有效，在样式表中，这是 top_title 类出现的内容：

.top_title {background: #hexval}

欢迎任何建议，但请彻底，我在这个特定部分相当新。

附：如果可能的话，我想自己选择颜色。

【问题讨论】：

您好，欢迎来到 SO。你的问题很广泛。您至少应该有一个没有按预期工作的想法或解决方案。有很多方法可以解决这个问题。在您的情况下，可以使用 javascript 甚至 php 来实现随机颜色背景。关于颜色选择器的第二个问题也可以非常简单或复杂，具体取决于您的用例。您需要将您的问题分解为更小的问题，并向我们提供更多信息以及您尝试过的事情。

标签： javascript css wordpress colors

【解决方案1】：

我绝对会建议选择你自己的颜色。

实现这一点的最简单方法可能是创建 1) 一个颜色代码数组，2) 选择要定位的 HTML 元素（在本例中为.top_title），以及 3) 在该数组中调用一个随机位置。

所以如果你真的想在你的标题中使用类似这样的 JS： <script> var colorArray = ["ffffff", "cccccc"]; </script>

然后在你的 HTML 元素中： <div class='top_title' style="background:<script>colorArray[Math.floor(Math.random() * colorArray.length)];</script>">

我认为这就是你想要做的？

【讨论】：

【解决方案2】：

试试这个 jsfiddle http://jsfiddle.net/harshdand/f4p7dj3g/ 每次运行都会获得新的颜色

var colors = ['ababab','cc66ff','fefefe','ff0000','ff9900']; //colors array

//randomly pick color
var random_color = colors[Math.floor((Math.random() * colors.length))]; 

//add color as background color
$('.top_title').css('background-color','#'+random_color);

【讨论】：