New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
  • IE5+: IE 5 and above
  • FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
  • Opr7+: Opera 7 and above.
Bookmark online:
FF1+ IE5+ Opr7+

Document fire works script

Author: Matt Gabbert/ Dynamic Drive | Homepage

Note: Modified significantly by Dynamicdrive.com to render fireworks on entire page

Description: Use this script to add a subtle-yet stunning- fireworks effect to your webpage! The effect appears randomly at different locations on the page, always visible, however, even if the user scrolls the page.

Demo: It's all around you, all around you...

*
*
*
*
*
*
*

Directions Developer's View

Step 1: Add the following script and stylesheet code to the <head> section of your page:

Select All

Step 2: Add the below <div> tags to the <body> section of your document:

<div id="sDiv0">*</div>
<div id="sDiv1">*</div>
<div id="sDiv2">*</div>
<div id="sDiv3">*</div>
<div id="sDiv4">*</div>
<div id="sDiv5">*</div>
<div id="sDiv6">*</div>

Technical Note

This script accesses the BODY onload event (window.onload). If you have another script on your page that does the same, one of them will not run. Click here for information on getting both scripts to work simultaneously.