This javascript code allows any image to float around the page with this code inserted.

Insert this code into your BODY of HTML

<script language="JavaScript1.2" type="text/javascript"> <!-- /* Flying Cupids- By Dynamic Drive, based on script by Kurt (kurt.grigg@virgin.net) This Code Free To Use - Providing This Notice Remains JavaScript Code Effect Found At: Development Resource & JavaScript Code & Generator Public Archive Center Located: http://www.DesignerWiz.com Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply* */ Cupid=new Image(); Cupid.src="../roberto/cute.gif"; //specify path to Cupid image amount=3; //Number of cupids, minimum must be 3. Xpos=500; //cupids x coordinates, in pixel Ypos=200; //cupids y coordinates, in pixel step=0.1; //Animation speed (smaller is slower) 0.3 //dismissafter=10; //seconds after which Cupids should disappear, in seconds var ns6=document.getElementById&&!document.all bats=new Array(3) if (document.layers){ for (i=0; i < amount; i++) {document.write("<LAYER NAME=n"+i+" LEFT=0 TOP=-50><IMG SRC='"+Cupid.src+"' NAME='nsi' width=69 height=60 border=0></LAYER>")} } else if (document.all||ns6){ document.write('<div id="out" style="position:absolute;top:0;left:0"><div id="in" style="position:relative">'); for (i=0; i < amount; i++){ if (document.all) document.write('<img src="'+Cupid.src+'" id="msieBats" style="position:absolute;top:-50;left:0" border=0>') else document.write('<img src="'+Cupid.src+'" id="ns6Bats'+i+'" width=69 height=60 style="position:absolute;top:-50;left:0" border=0>') } document.write('</div></div>'); } yBase=xBase=currStep=a_count=0; b_count=1; c_count=2; d_count=3; move=1; if (document.layers||ns6){ yBase=window.innerHeight/3; xBase=window.innerWidth/5; if (document.layers) window.captureEvents(Event.MOUSEMOVE); } if (document.all){ yBase = window.document.body.offsetHeight/3; xBase = window.document.body.offsetWidth/5; } function dismisscupid(){ clearInterval(flycupid) if (document.layers){ for (i2=0; i2 < amount; i2++){ document.layers['n'+i2].visibility="hide" } } else if (document.all) document.all.out.style.visibility="hidden" else if (ns6) document.getElementById("out").style.visibility="hidden" } if (document.layers){ for (i=0; i < amount; i++) document.layers['n'+i].document.images['nsi'].src=Cupid.src } else if (document.all){ for (i=0; i < amount; i++) document.all.msieBats[i].src=Cupid.src } else if (ns6){ for (i=0; i < amount; i++) document.getElementById("ns6Bats"+i).src=Cupid.src } function Animate(){ a_count+=move; b_count+=move; c_count+=move; currStep+=step; if (a_count >= bats.length) a_count=0; if (b_count >= bats.length) b_count=0; if (c_count >= bats.length) c_count=0; if (document.layers){ for (i=0; i < amount; i++) { var NewL="n"+i document.layers[NewL].top = Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10) document.layers[NewL].left =Xpos+xBase*Math.cos(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/62) } } if (document.all){ for (i=0; i < amount; i++){ document.all.msieBats[i].style.pixelTop = Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10) document.all.msieBats[i].style.pixelLeft =Xpos+xBase*Math.cos(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/62) } } if (ns6){ for (i=0; i < amount; i++){ document.getElementById("ns6Bats"+i).style.top = Ypos+yBase*Math.sin(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/10) document.getElementById("ns6Bats"+i).style.left =Xpos+xBase*Math.cos(((currStep)+i*3.7)/4)*Math.cos((currStep+i*35)/62) } } } flycupid=setInterval('Animate()',30); //setTimeout("dismisscupid()",dismissafter*1000) //--> </script>

Simply Cut and Paste Script code
Be sure to properly place script position in Body section of html
If you would like to use this flying cupid image, right click & save the image below

Credit: Roberto de Jesus Asyn Diaz Homepage

This script has been in the DesignerWiz.com Public Library.