Step 1: Copy the below script into the HEAD section of your page:
<SCRIPT LANGUAGE="JavaScript" SRC="JSFX_Halloween.js">
//Flying ghosts script (By JavaScript-FX.com)
//Permission granted to Dynamic Drive to feature script in archive
//For full source, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function JSFX_StartEffects()
{
if (!document.all&&!document.layers)
return
JSFX.AddGhost("ghost0.gif");
JSFX.AddGhost("ghost1.gif");
JSFX.AddGhost("ghost2.gif");
JSFX.AddGhost("ghost0.gif");
JSFX.AddGhost("ghost1.gif");
JSFX.AddGhost("ghost2.gif");
}
</SCRIPT>
You can add or remove images simply by manipulating the line JSFX.AddGhost("ghost0.gif");
Step 2: Add the below onload event handler into the <BODY> tag of your page, as follows:
<BODY onLoad="JSFX_StartEffects()">
Step 3: Finally, upload the accompanying images and .js file that came with this ZIP file into your webpage directory, along with the webpage itself:
