<SCRIPT language=JavaScript>
 
<!-- Begin
 
Image0 = new Image();
 
Image0.src = "http://javascript.internet.com/img/mouse-bubbles/bubblack.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;
 
(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] = Ymouse;
 
Xpos[i] = Xmouse;
 
Speed[i] = Math.random()*4+1;
 
Cstep[i] = 0;
 
Step[i] = Math.random()*0.1+0.05;
 
grow[i] = 8;
 
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] * 4);
 
Ypos[i] += sy;
 
Xpos[i] += sx;
 
if (Ypos[i] < -40) {
 
Ypos[i] = Ymouse;
 
Xpos[i] = Xmouse;
 
Speed[i] = Math.random() * 6 + 4;
 
grow[i] = 8;
 
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();
 
// End -->
 
</SCRIPT>
 
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<DIV style="POSITION: relative"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 607px; WIDTH: 8px; POSITION: absolute; TOP: -26px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 613px; WIDTH: 8px; POSITION: absolute; TOP: -27px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 610px; WIDTH: 8px; POSITION: absolute; TOP: -24px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 620px; WIDTH: 8px; POSITION: absolute; TOP: -28px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 181px; WIDTH: 13px; POSITION: absolute; TOP: -28px; HEIGHT: 13px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 614px; WIDTH: 8px; POSITION: absolute; TOP: -26px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 629px; WIDTH: 8px; POSITION: absolute; TOP: -39px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 613px; WIDTH: 8px; POSITION: absolute; TOP: -20px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 613px; WIDTH: 8px; POSITION: absolute; TOP: -20px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 615px; WIDTH: 8px; POSITION: absolute; TOP: -26px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 178px; WIDTH: 12px; POSITION: absolute; TOP: 1px; HEIGHT: 12px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 613px; WIDTH: 8px; POSITION: absolute; TOP: -20px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 208px; WIDTH: 12px; POSITION: absolute; TOP: 20px; HEIGHT: 12px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 604px; WIDTH: 8px; POSITION: absolute; TOP: -28px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 171px; WIDTH: 15px; POSITION: absolute; TOP: -34px; HEIGHT: 15px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 616px; WIDTH: 8px; POSITION: absolute; TOP: -28px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 193px; WIDTH: 11px; POSITION: absolute; TOP: -23px; HEIGHT: 11px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 613px; WIDTH: 8px; POSITION: absolute; TOP: -20px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 599px; WIDTH: 8px; POSITION: absolute; TOP: -34px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"><IMG id=si
style="FILTER: alpha(opacity=90); LEFT: 613px; WIDTH: 8px; POSITION: absolute; TOP: -20px; HEIGHT: 8px"
src="http://javascript.internet.com/img/mouse-bubbles/bubblack.gif"></DIV></DIV>