<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title> Fireworks Codes </title>
<style type= "Text/css" >
. fire{display:block; overflow:hidden; font-size:12px; Position:absolute};
Body{overflow:hidden; background: #000}
Html{overflow:hidden; background: #000}
</style>
<body>
<div><a href= "http://www.999jiujiu.com/" >http://www.999jiujiu.com/</A></div>
</body>
<script type= "Text/javascript" >
var fire = function (r, color) {
This.radius = R | | 12;
This.color = Color | | "FF6600";
This.xpos = 0;
This.ypos = 0;
This.zpos = 0;
THIS.VX = 0;
This.vy = 0;
This.vz = 0;
This.mass = 1;
THIS.P = document.createelement ("span");
This.p.classname = "Fire";
this.p.innerhtml = "*";
This.p.style.fontsize = This.radius + "px";
This.p.style.color = "#" + This.color;
}
Fire.prototype = {
Append:function (parent) {
Parent.appendchild (THIS.P);
},
Setsize:function (scale) {
This.p.style.fontsize = This.radius * scale + "px";
},
Setposition:function (x, y) {
This.p.style.left = x + "px";
This.p.style.top = y + "px";
},
Setvisible:function (b) {
This.p.style.display = b? "Block": "None";
}
}
var fireworks = function () {
var fires = new Array ();
var count = 100;
var fl = 250;
var vpx = 500;
var vpy = 300;
var gravity =. 3;
var floor = 200;
var bounce =-.8;
var timer;
return {
Init:function () {
for (var i=0; i<count; i++) {
var color = 0xFF0000;
color = (Math.random () * 0xFFFFFF). ToString (+). ToString (). Split (".") [0];
while (Color.length < 6) {
color = "0" + color;
}
var fire = new Fire (color);
Fires.push (fire);
Fire.ypos =-100;
FIRE.VX = Math.random () * 6-3;
Fire.vy = Math.random () * 6-3;
Fire.vz = Math.random () * 6-3;
Fire.append (document.body);
}
var = this;
Timer = setinterval (function () {
for (var i=0;i<count; i++) {
That.move (Fires[i]);
}
}, 30);
},
Move:function (Fire) {
Fire.vy + = gravity;
Fire.xpos + = FIRE.VX;
Fire.ypos + = Fire.vy;
Fire.zpos + = Fire.vz;
if (Fire.ypos > Floor) {
Fire.ypos = floor;
Fire.vy *= Bounce;
}
if (Fire.zpos >-FL) {
var scale = fl/(Fl+fire.zpos);
Fire.setsize (scale);
Fire.setposition (VPX + fire.xpos * scale,
Vpy + fire.ypos * scale);
Fire.setvisible (TRUE);
} else {
Fire.setvisible (FALSE);
}
}
}
}
Fireworks (). Init ();
</script>
Seemingly 3D effect of JS Fireworks special effects Code