2008年过去了,新的2009年到来了,2008太不平凡,发生了太多事,包括我自己,不管怎么样,困难过去就是一个新的阶段,继续+U。

       在这里写了一个JS的烟花特效,以此来庆祝新的一年,祝大家元旦快乐!

       实现原理:每个烟花颗粒是一个div对象,让每一个烟花颗粒对象以一个坐标点,按随机角度由内向外移动,每组烟花的颗粒数不同,发射的速度也不同,颜色也不同,都是随机产生的。当多个烟花颗粒同时移动的时候,就产生了类似烟花爆炸的效果,ok,现在看看效果和相关代码:


   

 

firework.js代码 :

,Utils.INTERVAL_SPEED);

;

 

HTML页面代码:

 

庆元旦,放烟花(纯javascript版烟花效果)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
庆元旦,放烟花(纯javascript版烟花效果)
<html xmlns="http://www.w3.org/1999/xhtml">
庆元旦,放烟花(纯javascript版烟花效果)    
<head>
庆元旦,放烟花(纯javascript版烟花效果)        
<script type="text/javascript" src="firework.js"></script>
>

 

 

 

 

相关文章: