在Wordpress中随机选择颜色

Randomising Color Selection in Wordpress

本文关键字：选择 颜色 随机 Wordpress      更新时间：2023-09-26

我在Wordpress上使用construct主题。我想使top_title类在每次刷新页面时改变颜色。我不确定是否编辑样式表或将其放在一些未知的php文件中，我已经尝试了很多来自这个网站的建议，但似乎没有工作，在样式表中，这是top_title类出现的内容:

.top_title {background: #hexval}

任何建议都是欢迎的，但请彻底，我对这个特定的部分相当陌生。

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

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

可能最简单的方法是创建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>">

我想这就是你想要做的?

试试这个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);
相关文章：