本文介绍了基于VML技术的JS实现五角星烟花效果的代码。分享给大家参考，如下：

这里展示的五角星烟花是基于HTML js VML技术联合编译实现的。打开页面可以看到烟花绽放的效果。五角星符号可以用其他符号代替。这个效果很容易修改成烟花爆炸的特效，但是你要提前做一个烟花的小图，然后替换五角星。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-vml-wjx-style-demo/

具体代码如下：

HTMLHEADTITLE五角星礼花/title MetA http-equiv=Content-Type Content=' text/html；charset=GB 2312 '/流浆池bgColor=# fef4d 9中央表边框color=# 00ff 00边框=5边框灯='绿色' TBODY TR TD align=中间！-[if IE]STYLe type=text/CSS body {溢出：隐藏} v : * {行为： URL(#默认#VML)}/STYLE！-!-[如果IE]脚本语言=JavaScript colors=new Array()；颜色[0]=新数组('黄色','石灰');颜色[1]=新数组('银','绿)颜色[2]=新数组('银','蓝');颜色[3]=新数组('银色','紫色');颜色[4]=新数组('紫色','白色');颜色[5]=新数组('蓝色','银色');颜色[6]=新数组('红色','紫红色');颜色[7]=新数组('黄色','红色');//定义最大火箭数最大值=1000;vmlobj=for(I=0；I 12I){ vmlobj=' div id=' ster ' I ' ' style=' position :绝对值；左侧：-50px；top-50px；可见性：隐藏；z指数：50;'';vmlobj=' v : shape style=' width :15 px；' height:15pxfillcolor='黄色坐标原点='0，0 '坐标大小=' 200 200 '；vmlobj='v:path v='m 8，65 l 72，65，92，11，112，65，174，65，122，100，142，155，92，121，42，155，60，100 x e '/'；vmlobj=' v :笔画on=' false '/v :形状/div '；}文档。write(vmlobj)；vmlobj=nullaan tal=0；函数begin(){ try { if(aan tal==max){ return；} kleurschema=Math。地板(数学。随机()*颜色。长度)；posLinks=数学。地板(数学。random()*(文档。尸体。客户端宽度-180)；posLinks=(posLinks 170)？170: posLinksposBoven=math。地板(数学。random()*(文档。尸体。客户端高度-180)；posBoven=(posBoven 170)？170: posBovenstraal=0；ui teen=true teller=1；flikkereeffect=false for(var I=0；i 12I){文档。getelementsbytagname(' shape ')[I].setAttribute('fillcolor '，colors[kleurschema][0])；文件。getelementbyid(' ster ' I)。风格。可见性='隐藏'；//5.0修复文件。getelementbyid(' ster ' I)。风格。left=posLinks文件。getelementbyid(' ster ' I)。风格。top=posBoven}文档。getelementbyid(' ster0 ')。风格。top=(文档。尸体。客户端高度-20)；文件。getelementbyid(' ster0 ')。风格。可见性='可见'；om hoog()；} catch(e){ } }函数om hoog(){ try { positie=Parsent(document。getelementbyid(' ster0 ')。风格。顶部)；if(positie posBoven){ document。getelementbyid(' ster0 ')。风格。top=(positie-25)；setTimeout('omhoog()'，50)；} else { for(I=1；i 12I){文档。getelementbyid(' ster ' I)。风格。top=positie文件。getelementbyid(' ster ' I)。风格。可见性='可见'；} uiteenspatten()；} } catch(e){ } } function uiteenspatten(){ try { if(straal 120 straal % 10==0){ flikkereeffect=true；泰勒=(泰勒==colors[kleurschema]).长度)?0:(柜员1);} for(var I=0；I 12I){ var Hoek=I * 30；var piHoek=数学。-数学PI/180 * Hoek；var link=posLinks数学。round(straal * math。sin(PiHoek))；var boven=正数学。round(straal * math。cos(PiHoek))；文件。getelementbyid(' ster ' I)。风格。左=链接；文件。getelementbyid(' ster ' I)。风格。top=bovenif(flikkereeffect){ document。getelementsbytagname(' shape ')[I].setAttribute('fillcolor '，colors[kleurschema][teller])；} } if(straal 160 uiteen){ straal=(straal 120)？10: 5;setTimeout('uiteenspatten()'，50)；} else if(straal 120){ uiteen=false；straal-=5；setTimeout('uiteenspatten()'，50)；} else if(straal=120){ for(var I=0；i 12I){文档。getelementbyid(' ster ' I)。风格。可见性='隐藏'；} aantalsetTimeout('begin()'，500)；} } catch(e){ } }窗口。onload=begin/SCRIPT！-/TD/TR/TBODY/TABLE/CENTER/BODY/HTML希望本文所述对大家Java脚本语言程序设计有所帮助。