程序博客网 > 什么牌子虹吸壶知乎

雪花下落+雪花颜色随机+形状随机

来源：互联网发布：什么牌子虹吸壶知乎编辑：程序博客网时间：2024/04/28 19:52

/*

想做一个有input用户输入参数的功能，目前还没能成功，有几个小问题，这个只能在js里自己改动

*/

/*js部分*/

!function()
{
window.fn={};
fn.snow=function(options){
var documentWidth=document.documentElement.clientWidth;
var documentHeight=document.documentElement.clientHeight;

var defaults={
sizeMax:25,
sizeMin:10,
newOn:150,
speed:10 //px
}
var option=options||defaults ;
var timer=setInterval(function()
{
var flakeDiv=document.createElement("div");
document.body.appendChild(flakeDiv);
var flakeOpacity=Math.random()+0.3;
var left=parseInt(Math.random()*documentWidth);
var size=(Math.random()*(option.sizeMax-option.sizeMin))+option.sizeMin;
var flakeBgcolor=function()
{
var bgcolor=new Array("LightPink","Pink","HotPink","DeepPink","Orchid","Plum","LightSkyBlue","DeepSkyBlue","CornflowBlue","Cyan","Teal","SpringGreen","Gold","GreenYellow","Wheat","#1AFD9C","#FFAF90");
//alert(bgcolor);
return bgcolor[parseInt(Math.random()*bgcolor.length)];
}
var borderRadius=Math.random()*50+'%'+' '+Math.random()*50+'%'+' '+Math.random()*50+'%'+' '+Math.random()*50+'%';
flakeDiv.style.cssText="border-radius:"+borderRadius+";position:absolute;width:"+size+"px;height:"+size+"px;background:"+flakeBgcolor()+";opacity:"+flakeOpacity+";left:"+left+"px;";

dropSnowanimate(flakeDiv);
},option.newOn);
function dropSnowanimate(obj){
var top=0;
var dropSnow=setInterval(function()
{
top+=option.speed; //top=0+10
obj.style.marginTop=top+'px';
if(top>=parseInt(documentHeight))
{
clearInterval(dropSnow);
flakeA.removeChild(obj);
}
},23);

}
}

}()

/*html部分*/

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta charset="utf-8" />
<title></title>
<style>
*{
margin:0;
padding:0;
background:black;
}
</style>

</head>

<body></body>

<script type="text/javascript" src="mysnow.js" ></script>
<script>
fn.snow();
</script>
</html>

0 0

什么牌子虹吸壶知乎

什么牌子虹吸壶知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子旋元佑元征天成元元舒元介贝元元杉元征obd 元利宇文皓元卿凌医妃倾天下元丰元丰重宝元丰通宝价格及图片元丰通宝珍稀版元丰通宝图片及价格元丰通宝能直500万图片元丰通宝是哪个朝代元丰通宝铁母元丰通宝能值500万元丰通宝值多少钱一枚元丰通宝哪种字体值钱元丰通宝多少钱元丰通宝篆书100万元亨陶渊明字元亮陶渊明为什么字元亮元代皇帝元代瓷器元代钧窑瓷器驿站在元代称做什么元代1267年迁都元代霁蓝釉瓷器元代釉里红高足杯元代青花瓷盘图片元佑元军头盔元凶巨恶元凶巨恶的意思戎首元凶是指什么生肖血液循环差7个元凶叶酸影响月经的元凶