js 抛物线随机颜色
Posted wenlx
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 抛物线随机颜色相关的知识，希望对你有一定的参考价值。
div:nth-of-type(1)
width: 600px;
height: 2px;
background: #000;
position: absolute;
top: 300px;
div:nth-of-type(2)
width: 2px;
height: 600px;
background: #000;
position: absolute;
left: 300px;
span
display: block;
position: absolute;
width:2px;
height:2px;
background: #000;
<div></div>
<div></div>
<script>
for(var x = -300; x <= 300; x++)
var y = -0.003 * Math.pow(x,2);
document.write(‘<span style="top:‘+ (y + 300) +‘px;left:‘+ (x + 300) +‘px;"></span>‘);
</script>
//随机颜色
// function randomColor()
// var
// r = parseInt(Math.random() * 256).toString(16).length < 2 ? "0" + parseInt(Math.random() * 256).toString(16) : parseInt(Math.random() * 256).toString(16);
// g = parseInt(Math.random() * 256).toString(16).length < 2 ? "0" + parseInt(Math.random() * 256).toString(16) : parseInt(Math.random() * 256).toString(16);
// b = parseInt(Math.random() * 256).toString(16).length < 2 ? "0" + parseInt(Math.random() * 256).toString(16) : parseInt(Math.random() * 256).toString(16);
// return "#" + r + g + b;
//
// document.body.style.background = randomColor();
以上是关于js 抛物线随机颜色的主要内容，如果未能解决你的问题，请参考以下文章