本文實(shí)例為大家分享了js實(shí)現(xiàn)漂亮煙花效果的具體代碼,供大家參考,具體內(nèi)容如下
創(chuàng)新互聯(lián)是專業(yè)的古縣網(wǎng)站建設(shè)公司,古縣接單;提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行古縣網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>煙花</title> <style type="text/css"> div>div{ width:10px; height:10px; border-radius: 50%; position: absolute; top:900px; left:600px; background-color: red; } </style> </head> <body> <div id="box"><div id="start"></div></div> </body> <script type="text/javascript"> var sta = 800; var staa = 8; var startid = setInterval(function (){ start.style.top = (sta-=staa)+"px"; staa -=0.06; if(staa<=0.5){ clearInterval(startid); start.style.display="none"; za(); } },10); var g = 0.01; var lv = 0; var times = 0; var opa =1; function za(){ addiv(); var s2 = setInterval(function(){ lv+=g; for(var i=0;i<200;i++){ var elem = 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; else arrv[i]=0; } if(times++>=1000) clearInterval(s2); },10); } var arrr = []; var arrl = []; var arrt = []; var arrv = []; var arro = [] function addiv(){ for(var i=0;i<200;i++){ box.innerHTML+="<div id='d"+i+"'></div>" arrl[i]=600; arrt[i]=sta; arrv[i]=Math.random()*2+0.1; arrr[i]=Math.random()*Math.PI*2; } } </script> </html>
更多JavaScript精彩特效分享給大家:
Javascript菜單特效大全
javascript仿QQ特效匯總
JavaScript時(shí)鐘特效匯總
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
當(dāng)前文章:非常漂亮的js煙花效果
文章網(wǎng)址:http://jinyejixie.com/article4/jopiie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、網(wǎng)站策劃、面包屑導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、云服務(wù)器、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)