Untitled

First, save this image to your website directory:

<!-- If you want the bubbles to appear behind

everything else put the rest of your page content

into a simple div/layer, example below -->

<!-- EXAMPLE -------------------------------------

<html>

<head etc...

<body bgcolor etc...

<the script...

...end script>

rest of page content, text and graphics etc.

</div>

</body>

</html>

------------------------------------------------->

<!-- Under Water Mouse Script by kurt.grigg@virgin.net

Image0=new Image();

Image0.src="whitebubble.gif";

Amount=20;

Ymouse=-50;

Xmouse=-50;

Ypos=new Array();

Xpos=new Array();

Speed=new Array();

rate=new Array();

grow=new Array();

Step=new Array();

Cstep=new Array();

nsSize=new Array();

ns=(document.layers)?1:0;

WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;

(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

Ymouse=(document.layers)?evnt.pageY-20:event.y-20;

Xmouse=(document.layers)?evnt.pageX:event.x;

}

(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

for (i=0; i < Amount; i++){

Ypos[i]=Math.random()*WinHeight-Ymouse;

Xpos[i]=Xmouse;

Speed[i]=Math.random()*10+1;

Cstep[i]=0;

Step[i]=Math.random()*0.1+0.05;

grow[i]=4;

nsSize[i]=Math.random()*15+5;

rate[i]=Math.random()*0.5+0.1;

}

if (ns){

for (i = 0; i < Amount; i++){

document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+"

height="+nsSize[i]+"></LAYER>");

}

else{

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < Amount; i++){

document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');

}

document.write('</div></div>');

}

function MouseBubbles(){

var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;

var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;

for (i=0; i < Amount; i++){

sy = Speed[i]*Math.sin(270*Math.PI/180);

sx = Speed[i]*Math.cos(Cstep[i]*5);

Ypos[i]+=sy;

Xpos[i]+=sx;

if (Ypos[i] < -40){

Ypos[i]=Ymouse;

Xpos[i]=Xmouse;

Speed[i]= 6+Math.random()*3;

grow[i]=4;

nsSize[i]=Math.random()*15+5;

}

if (ns){

document.layers['sn'+i].left=Xpos[i]+wscrll;

document.layers['sn'+i].top=Ypos[i]+hscrll;

}

else{

si[i].style.pixelLeft=Xpos[i]+wscrll;

si[i].style.pixelTop=Ypos[i]+hscrll;

si[i].style.width=grow[i];

si[i].style.height=grow[i];

}

grow[i]+=rate[i];

Cstep[i]+=Step[i];

if (grow[i] > 24) grow[i]=25;

}

setTimeout('MouseBubbles()',10);

}

MouseBubbles();

//-->

</script>