基于Java脚本语言实现飘落星星特效

本文实例为大家分享了射流研究…飘落星星特效的具体代码，供大家参考，具体内容如下

1.效果图

2.代码

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title style img { position : absolute；}正文{背景图像： URL(img/BG。jpg)；背景尺寸： 100%;}/样式脚本函数Star(){这个。速度=10；这个。img=new Image()；这个。img。src=' http : img/star ' parsent(Math。random()* 4 1)' .png '；这个。img。风格。宽度=50 ' px这个。img。风格。高度=50 ' px这个。img。风格。top=数学。random()*窗口。内部高度1 ' px这个。img。风格。左=数学。random()*窗口。内部宽度1 ' px文件。尸体。appendchild(这个。img)；}明星。原型。slip=function(){ var那=thisfunction move(){ that。img。风格。top=那个。img。去掉那个。速度‘px’；console.log(即。img。offset top‘star’)；控制台。日志(窗口。内部高度‘窗口’)；如果(那个。img。偏移窗口。内部高度){ clearInterval(sh)；那个。img。风格。高度=0；那个。img。风格。宽度=0；} } var sh=setInterval(move，100)；} SetInterval(函数(){ for(var I=1；i5；I){ 0新星()。slip()；} },1000)/脚本/头体/体/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。