码迷,mamicode.com
首页 > Web开发 > 详细

js 抛物线、随机颜色

时间:2019-09-04 13:51:52      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:func   mon   mil   style   and   turn   int   script   rip   

 
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 抛物线、随机颜色

标签:func   mon   mil   style   and   turn   int   script   rip   

原文地址:https://www.cnblogs.com/wenlx/p/11458335.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!