本文实例为大家分享了js实现漂亮烟花效果的具体代码,供大家参考,具体内容如下
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>烟花& lt;/title>
& lt;风格类型=" text/css "比;
div> div {
宽度:10 px;
高度:10 px;
这个特性:50%;
位置:绝对的;
前:900像素;
左:600 px;
背景颜色:红色;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id="盒子"祝辞& lt; div id="开始"祝辞& lt;/div> & lt;/div>
& lt;/body>
& lt;脚本type=" text/javascript祝辞
var sta=800;
当前科技成果鉴定var=8;
var startid=setInterval(函数(){
start.style。顶级=当前科技成果鉴定(sta -=) +“px”;
staa -=0.06;
如果(staa<=0.5) {
clearInterval (startid);
start.style.display=懊挥小?
咱();
}
},10);
var g=0.01;
var lv=0;
var=0;
var opa=1;
函数咱(){
addiv ();
var s2=setInterval(函数(){
lv +=g;
我(var=0; i<200;我+ +){
var elem=. getelementbyid (“d”+ i);
elem.style。左=(arrl[我]+=(arrv[我]* Math.cos (arrr[我])))+“px”;
elem.style。顶级=(arrt[我]+=(arrv[我]* sin (arrr[我])+ lv)) +“px”;
elem.style。不透明度=(opa -=0.00001);
如果(arrv[我]在0)
arrv[我]-=0.001;
其他arrv[我]=0;
}
如果(* + +祝辞=1000)clearInterval (s2);
},10);
}
var arrr=[];
var arrl=[];
var arrt=[];
var arrv=[];
var阿罗主持=[]
函数addiv () {
我(var=0; i<200;我+ +){
box.innerHTML +=? lt; div id=d“我+ +”的祝辞& lt;/div>”
arrl[我]=600;
arrt[我]=sta;
arrv[我]=math . random () * 2 + 0.1;
arrr[我]=math . random () * Math.PI * 2;
}
}
& lt;/script>
& lt;/html>
更多的JavaScript精彩特效分享给大家:
Javascript菜单特效大全
javascript仿QQ特效汇总
JavaScript时钟特效汇总
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
