cursor3

Mouse Bubble Script

Step 1: is to decide on one of the following gifs (Or change the url addresses to any images you want)

Step 2: Just Add ONE of the below chunks of code anywhere between the < BODY > tags of your page to activate the effect: (They are already preset to the gifs above)

(P.S. midis and .wavs are played by placing code like this: <+bgsound src="http://www.mikesfreegifs.com/midiwav/stream.wav" loop="infinite"+> without the plus symbols, and WITH the correct URL to the sound you want, between your < BODY > tags. Check out my wav and/or midi pages for codes and free downloads.

BUBBLE 1

<script language="JavaScript">  </script>

BUBBLE 2

n4=(document.layers);
n6=(document.getElementById&&!document.all);
ie=(document.all);
o6=(navigator.appName.indexOf("Opera") != -1)?true:false;

/*
The bubble image must be in the same folder/directory 
as the page using the script. If the image is put into a 
separate folder, you will have to alter ALL references to it.
*/

img0=new Image();
img0.src="http://www.mikesfreegifs.com/main4/bubble3.gif";

//Netscape 6 struggles, again! Always use a lower amount for this browser.
num=(n6)?10:15;

//Nothing needs altering past here.......................
y=0;
x=0;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouse1(e){
 y = e.pageY-20-window.pageYOffset;
 x = e.pageX-4;
 } 
if (n4) window.onMouseMove=mouse1;
else document.onmousemove=mouse1;
}
if (ie||o6){
 function mouse2(){
 y = (ie)?event.clientY-20:event.clientY-20-window.pageYOffset;
 x = event.clientX-4;
 } 
document.onmousemove=mouse2;
}
yp=new Array();
xp=new Array();
sp=new Array();
rt=new Array();
gr=new Array();
s1=new Array();
s2=new Array();
nz=new Array();
wh=(ie)?window.document.body.clientHeight:window.innerHeight;
for (i=0; i < num; i++){                                                                
 yp[i]=Math.random()*wh-y;
 xp[i]=x;
 sp[i]= 6+Math.random()*3;
 s1[i]=0;
 s2[i]=Math.random()*0.1+0.05;
 gr[i]=4;
 nz[i]=Math.random()*15+5;
 rt[i]=Math.random()*0.5+0.1;
}
if (n4){
 for (i=0; i < num; i++){
 document.write("<LAYER NAME='bub"+i+"' LEFT=0 TOP=-50>"
+"<img src='blackbubble.gif' width="+nz[i]+" height="+nz[i]+"></LAYER>");
 }
}
if (ie){
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
 for (i=0; i < num; i++){
 document.write('<img id="bub'+i+'" src="'+img0.src+'" style="position:absolute;top:-50px;left:0px">');
 }
 document.write('</div></div>');
}
if (n6||o6){
 for (i=0; i < num; i++){
 document.write("<div id='bub"+i+"' style='position:absolute;top:-50px;left:0px'>"
+"<img src="+img0.src+" width="+nz[i]+" height="+nz[i]+"></div>");
 }
}
function MouseBubbles(){
scy=(document.all)?document.body.scrollTop:window.pageYOffset;
scx=(document.all)?document.body.scrollLeft:window.pageXOffset;
for (i=0; i < num; i++){
sy = sp[i]*Math.sin(270*Math.PI/180);
sx = sp[i]*Math.cos(s1[i]*5);
yp[i]+=sy;
xp[i]+=sx; 
if (yp[i] < -40){
 yp[i]=y;
 xp[i]=x;
 sp[i]= 6+Math.random()*3;
 gr[i]=4;
 nz[i]=Math.random()*15+5;
}
if (n4){
 document.layers["bub"+i].left=xp[i]+scx;
 document.layers["bub"+i].top=yp[i]+scy;
}
if (ie){
 document.getElementById("bub"+i).style.left=xp[i]+scx;
 document.getElementById("bub"+i).style.top=yp[i]+scy;
 document.getElementById("bub"+i).style.width=gr[i];
 document.getElementById("bub"+i).style.height=gr[i]; 
}
if (n6||o6){
 document.getElementById("bub"+i).style.left=xp[i]+scx;
 document.getElementById("bub"+i).style.top=yp[i]+scy;
}
gr[i]+=rt[i]; 
s1[i]+=s2[i];
if (gr[i] > 14) gr[i]=15;
}
setTimeout('MouseBubbles()',10);
}
MouseBubbles();
//-->
</script>

BACK