Yes, You Can!: Ghosts float and fade Halloween

Here are some images you could use.

Be sure to copy them and load them into your directory

Right click on each of the images below and select "Save Picture As..."

Or you can use your own images in the same way!

Follow the editing instructions after the // and within the to customize the script, then copy and paste it into your HTML editor

<SCRIPT TYPE="text/javascript">
 /**
  ** Ghosts - Halloween -  JavaScript 
  ** This script and many more are free at
  ** http://rainbow.arch.scriptmania.com/scripts/
  */
if(!window.Halloween) Halloween=new Object();
Halloween.ghostImages = new Array( 
 "<img src='ghost3.gif'>",
 "<img src='ghost1.gif'>",
 "<img src='ghost2.gif'>",
 "<img src='ghost2.gif'>"
);
var ns4 = document.layers;
var ie4 = document.all;
Halloween.makeLayer = function(id)
{
 var el =  document.getElementById ? document.getElementById(id) :
   document.all   ? document.all[id] :
         document.layers[id];
 if(ns4) el.style=el;
 el.sP=function(x,y){this.style.left = x;this.style.top=y;};
 el.show=function(){ this.style.visibility = "visible"; } 
 el.hide=function(){ this.style.visibility = "hidden"; } 
 if(ns4 || window.opera) 
  el.sO = function(pc){return 0;};
 else if(ie4)
  el.sO = function(pc)
  {
   if(this.style.filter=="")
    this.style.filter="alpha(opacity=100);";
   this.filters.alpha.opacity=pc;
  }
 else
  el.sO = function(pc){this.style.MozOpacity=pc/100;}

return el;
}

if(window.innerWidth)
{
 gX=function(){return innerWidth;};
 gY=function(){return innerHeight;};
}
else
{
 gX=function(){return document.body.clientWidth-30;};
 gY=function(){return document.body.clientHeight-30;};
}
Halloween.ghostOutput=function()
{
 for(var i=0 ; i<Halloween.ghostImages.length ; i++)
  document.write(ns4 ? "<LAYER  NAME='gh"+i+"'>"+Halloween.ghostImages[i]+"</LAYER>" : 
        "<DIV id='gh"+i+"' style='position:absolute'>"+Halloween.ghostImages[i]+"</DIV>" );
 
}
Halloween.ghostSprites = new Array();
Halloween.ghostStartAni = function()
{
 for(var i=0 ;i<Halloween.ghostImages.length;i++)
 {
  var el=Halloween.makeLayer("gh"+i);
  el.x=Math.random()*gX();
  el.y=Math.random()*gY();
  el.tx=Math.random()*gX();
  el.ty=Math.random()*gY();
  el.dx=-5+Math.random()*10;
  el.dy=-5+Math.random()*10;
  el.state="off";
  el.op=0;
  el.sO(el.op);
  el.hide();
  Halloween.ghostSprites[i] = el;
 }
 setInterval("Halloween.ghostAni()", 40);
}
Halloween.ghostAni = function()
{
 for(var i=0 ;i<Halloween.ghostSprites.length;i++)
 {
  el=Halloween.ghostSprites[i];

if(el.state == "off")
  {
   if(Math.random() > .99)
   {
    el.state="up";
    el.show();
   }
  }
  else if(el.state == "on")
  {
   if(Math.random() > .98)
    el.state="down";
  }
  else if(el.state == "up")
  {
   el.op += 2;
   el.sO(el.op);
   if(el.op==100)
    el.state = "on";
  }
  else if(el.state == "down")
  {
   el.op -= 2;
   if(el.op==0)
   {
    el.hide();
    el.state = "off";
   }
   else
    el.sO(el.op);
  }

var X = (el.tx - el.x);
  var Y = (el.ty - el.y);
  var len = Math.sqrt(X*X+Y*Y);
  if(len < 1) len = 1;
  var dx = 20 * (X/len);
  var dy = 20 * (Y/len);
  var ddx = (dx - el.dx)/10;
  var ddy = (dy - el.dy)/10;
  el.dx += ddx;
  el.dy += ddy;
  el.sP(el.x+=el.dx,el.y+=el.dy);

if(Math.random() >.95 )
  {
   el.tx = Math.random()*gX();
   el.ty = Math.random()*gY();
  }

}
}
Halloween.ghostStart = function()
{
 if(Halloween.ghostLoad)Halloween.ghostLoad();
 Halloween.ghostStartAni();
}
Halloween.ghostOutput();
Halloween.ghostLoad=window.onload;
window.onload=Halloween.ghostStart;

</SCRIPT>