0

这可能是一个非常菜鸟的问题，但到目前为止我自己无法弄清楚..标题几乎涵盖了它，但我正在寻找如何将元素一些 CSS 更改为函数，在这种情况下随机的。

换个说法并为您提供更多图片，我希望我正在开发的程序看起来像这样：

<html>
<body>
<p onClick="document.Color='$randomColor'"> Test sentence. </p>
</body>
</html>

与我现在所拥有的相反。

<html>
<body>
<p onClick="document.Color='green'"> Test sentence. </p>
</body>
</html>

谁能帮帮我吗？如果有人可以的话，非常感谢！

4

4 回答 4

1 
<html>
<head>
<script>
function getRandomColor()
{
var r = Math.floor(Math.random()*256);
var g = Math.floor(Math.random()*256);
var b = Math.floor(Math.random()*256);
return r.toString(16)+g.toString(16)+b.toString(16);
}
</script>
</head>
<body id="bd">
<p onclick="document.getElementById('bd').style.color='#'+getRandomColor();"> Test sentence. </p>
</body>
</html>
于 2013-10-10T22:00:58.133 回答
1

您需要使用 javascript 的 Math.random() 函数。查看它以了解它是如何工作的。

编辑：我的意思是，获取 0 到 255 之间的 3 个随机数（确保它们是整数而不是浮点数！），然后将背景的 R、G 和 B 值中的每一个设置为 3随机数。

于 2013-10-10T21:55:39.333 回答
0

要生成随机颜色，只需执行以下操作：

'#'+(Math.random()*0xFFFFFF<<0).toString(16);

来自原始帖子：https ://stackoverflow.com/a/5092846/1174076

于 2013-10-10T22:01:07.373 回答
-1

你可以使用 jQuery

$("p"),click(function(){
    $(this).css("color", randomColor);
});
于 2013-10-10T21:57:43.517 回答