Javascript实现多彩雪花从天降散落效果的方法

本文实例讲述了爪哇岛描述语言实现多彩雪花从天降散落效果的方法。分享给大家供大家参考。具体分析如下：

先来看看运行效果，如下图所示：

完整源代码如下：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title JavaScript多彩雪花从天降/title style type=' text/CSS '。jb51现在{显示：块；飞越：隐藏；font-size :12 px位置：绝对}；正文{ background : # 000 margin :0 px } html {溢出：隐藏；背景技术： # 000;} a { color : white text-装饰： none }。jb51标题{颜色：红色；高度：140 px宽度宽度：800像素：0像素汽车；文本对齐：中心}/样式/标题

身体

脚本类型=' text/JavaScript ' var yanhua=' yanhua。JB 51。net '；var Fire=函数(r，color){ this。半径=r | | 12this.color=color | | ' FF6600this。xpos=0；这个。ypos=0；这个。z位置=0；这个。VX=0；这个。vy=0；这个。vz=0；这个。质量=1；这个。p=文档。创建元素(“span”)；这个p。类名=' jb现在。p . innerHTMl=' *这个。p .风格。字体大小=这个。半径“px”；这个。p .风格。color=' # '这个。颜色；}火。prototype={ append : function(parent){ parent。appendchild(这个。p)；}，setSize:函数(比例){这个。p .风格。字体大小=这个。半径*刻度' px '；}，设置位置：函数(x，y){这个。p .风格。left=x ' px这个。p .风格。top=y ' px}，setVisible:函数(b) {this.p.style.display=b '？block ' : ' none } } var fireworks=function(){ var fires=new Array()；定义变量计数=100;var fl=250 var vpx=500 var vpy=300 var重力=.3;var floor=200var bounce=-。8;定义变量计时器；返回{ init:函数(){ for(var I=0；我数；I){ var color=0x ff 0000；color=(数学。random()*0xfffff).toString(16).toString().拆分('。')[0];而(颜色。长度6){ color=' 0 ' color；}var fire=新火(12，颜色);推（火);火。ypos=-100；火。VX=数学。random()* 6-3；火。vy=数学。random()* 6-3；火。vz=数学。random()* 6-3；火。追加(文档。身体)；} var=thistimer=setInterval(function(){ for(var I=0；我数；I){那个。移动（火[I])；}}, 30);}，move:函数(火){fire.vy=引力；火。xpos=火。VX；火。ypos=火。vy；火。zpos=火。vz；如果(火。ypos地板){火。ypos=地板；fire.vy *=弹跳；}如果(火。z pos-fl){ var scale=fl/(fl fire。z位置)；fire.setSize(比例尺);火。设定位置(vpx火。xpos *秤，vpy火。ypos *比例尺)；火。set visible(true)；} else { fire。set visible(false)；} } } } if(yanhua==' yanhua。JB ' 51 .('网)烟花()。init()；

函数jb51s now(){ window。位置。重载()；} if (yanhua==='yanhua.jb' '51 . 'net')setInterval(jb51Snow，6000)；/script

/body/html

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。