java简单烟花代码_JavaScript实现的简单烟花特效代码

本文实例讲述了JavaScript实现的简单烟花特效代码。分享给大家供大家参考，具体如下：

这是一款JavaScript烟花特效，过年的时候放到你的网页上祝贺大家牛年大吉吧，是不是很不错？

运行效果截图如下：

在线演示地址如下：

具体代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

礼花特效

html,body{background:#000; height:100%; margin:0px; padding:0px;color:#FFF;}

.ball{color:#FF0000; position:absolute; font-size:16px;}

.star{color:#FF0000; position:absolute; font-size:4px;}

function Fireworks(sky, loop){

this.sky = sky;

this.skyWidth = document.body.clientWidth || document.documentElement.clientWidth;

this.skyHeight= document.body.clientHeight || document.documentElement.clientHeight;

this.x = this.y = 0;

this.step = 20;

this.delay = 30;

this.stars = [];

this.r = 10;

this.step2 = 7;

this.radius = 90;

this.angle = 45;

this.num = 16;

this.loop = loop;

this.degree = 2;

this.t = 0;

this.delt = 0;

this.max = 30;

this.cur = 1;

this.points = null;

}

Fireworks.prototype = {

init : function(){

this.x = parseInt(this.skyWidth/1.3 * Math.random()) + this.skyWidth / 8;

this.y = this.skyHeight;

this._y = parseInt((this.skyHeight / 4) * Math.random()) + this.skyHeight / 5;