微客导航 » 文章资讯 » 非常漂亮的js烟花效果

非常漂亮的js烟花效果

2023-07-29 12:24:04 174

本文实例为大家分享了js实现漂亮烟花效果的具体代码，供大家参考，具体内容如下





烟花


div>div{
width:10px;
height:10px;
border-radius:50%;
position:absolute;
top:900px;
left:600px;
background-color:red;
}

varsta=800; varstaa=8; varstartid=setInterval(function(){ start.style.top=(sta-=staa)+"px"; staa-=0.06; if(staa<=0.5){ clearInterval(startid); start.style.display="none"; za(); } },10); varg=0.01; varlv=0; vartimes=0; varopa=1; functionza(){ addiv(); vars2=setInterval(function(){ lv+=g; for(vari=0;i<200;i++){ varelem=document.getElementById("d"+i); elem.style.left=(arrl[i]+=(arrv[i]*Math.cos(arrr[i])))+"px"; elem.style.top=(arrt[i]+=(arrv[i]*Math.sin(arrr[i])+lv))+"px"; elem.style.opacity=(opa-=0.00001); if(arrv[i]>0) arrv[i]-=0.001; elsearrv[i]=0; } if(times++>=1000)clearInterval(s2); },10); } vararrr=[]; vararrl=[]; vararrt=[]; vararrv=[]; vararro=[] functionaddiv(){ for(vari=0;i<200;i++){ box.innerHTML+="

" arrl[i]=600; arrt[i]=sta; arrv[i]=Math.random()*2+0.1; arrr[i]=Math.random()*Math.PI*2; } }

更多JavaScript精彩特效分享给大家：

Javascript菜单特效大全

javascript仿QQ特效汇总

JavaScript时钟特效汇总

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

非常漂亮的js烟花效果

热门推荐

随机推荐