Flying Bats Halloween Cursor Javascript

Below you will learn how to add
Flying Bats Halloween Cursor Javascripts
to your existing website. We have
used an example of this script as
you can see it here on this page.

Welcome to cursor.com

Google

Halloween Cursor Javascript by Kurt Grigg

Scare up your webpage this Halloween Day with this great cursor javascript. Flying bats follow your mouse cursor wherever it goes. Fantastic effect and very easy to install.

STEP 1

Right click on the bat images below and save each one to your hard drive. Upload the bat images to your webhost and place them into the same folder as your webpages.

STEP 2

Copy the bat cursor script below and paste this between the <head> and </head> of your html document. Nothing at all to alter.

<script language="JavaScript"> Bats script by Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript --> Distributed by http://www.hypergurl.com var num=7; //Number of bats //Nothing needs altering past here.................... /* Script disabled for Netscape 6 due to ugly scrollbar activety */ var Netscape6=false; if (navigator.appName == "Netscape" && parseFloat(navigator.appVersion) >= 5) Netscape6=true; if (!Netscape6){ var pics=new Array("bat2.gif","bat3.gif","bat2.gif","bat1.gif"); var load=new Array(); function pre_load(){ for(i=0; i < pics.length; i++){ load[i]=new Image(); load[i].src=pics[i]; } } pre_load(); var n4=(document.layers); var o6=(navigator.appName.indexOf("Opera") != -1)?true:false; var ie=(document.all); var y=0; var x=0; var yb=0; var xb=0; var s0=0; var s1=0.5; var s2=1; var cnt=new Array(0,1,2) var mix=new Array(); for (i=0; i < num; i++) mix[i]=cnt[Math.floor(Math.random()*cnt.length)]; var del=0.1; var y1=new Array(); var x1=new Array(); var y2=new Array(); var x2=new Array(); for (i=0; i < num; i++){ y1[i]=0; x1[i]=0; y2[i]=0; x2[i]=0; } if (n4){ window.captureEvents(Event.MOUSEMOVE); function mouse1(e){ y = e.pageY-window.pageYOffset; x = e.pageX; } window.onMouseMove=mouse1; } if (ie||o6){ function mouse2(){ y = (ie)?event.clientY:event.clientY-window.pageYOffset; x = event.clientX; } document.onmousemove=mouse2; } if (n4){ for (i=0; i < num; i++) document.write("<LAYER NAME='bats"+i+"' LEFT=0 TOP=-50><img name='temp"+i+"' src="+pics[0]+"></LAYER>"); } if (ie){ document.write('<div id="con" style="position:absolute;top:-50px;left:0px"><div style="position:relative">'); for (i=0; i < num; i++){ document.write('<img id="bats'+i+'" src="'+pics[0]+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } if (o6){ for (i=0; i < num; i++) document.write("<div id='bats"+i+"' style='position:absolute;top:-50px;left:0px'><img name='temp"+i+"' src="+pics[0]+"></div>"); } function swirl(){ if (ie) con.style.top=document.body.scrollTop; sy=(!ie)?window.pageYOffset:0; yb=(ie)?window.document.body.offsetHeight/3:window.innerHeight/3; xb=(ie)?window.document.body.offsetWidth/7:window.innerWidth/7; for (i=0; i < num; i++){ var t=(n4)?document.layers["bats"+i]:document.getElementById("bats"+i).style; t.top = y1[i]+yb*Math.sin(((s0)+i*3.7)/4)*Math.cos((s0+i*35)/20)+sy; t.left =x1[i]+xb*Math.cos(((s0)+i*3.7)/4)*Math.cos((s0+i*35)/62); } s0+=s1; } function animate(){ var i_or_o=(ie)?"bats":"temp"; for (i=0; i < num; i++){ if (mix[i] == pics.length) mix[i]=0; if (n4) document.layers['bats'+i].document.images['temp'+i].src=pics[mix[i]]; else document.images[i_or_o+i].src=pics[mix[i]]; mix[i]+=s2; } swirl(); } function follow(){ y1[0]=Math.round(y2[0]+=((y)-y2[0])*del); x1[0]=Math.round(x2[0]+=((x)-x2[0])*del); for (i=1; i < num; i++){ y1[i]=Math.round(y2[i]+=(y1[i-1]-y2[i])*del); x1[i]=Math.round(x2[i]+=(x1[i-1]-x2[i])*del); } animate(); setTimeout('follow()',20); } function startit(){ setTimeout('follow()',1000); } window.onload=startit; } //--> </script>

Copyright 2004, Cursor.com, All Rights Reserved