Page Details >>> Mouse Bubbles.


		<script 
		language="javascript"
		type="text/javascript">      
		

		/* Visit http://www.yaldex.com/ 
		for full source code

		and get more free JavaScript, CSS and DHTML scripts! */

		<!-- Begin

		Image0 
		=
		new
		Image();

		Image0.src
		=
		"../FSBackground/Ball.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.all)?1:0;

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

		function 
		Mouse(evnt)
		{

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

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

		}

		(!document.all)?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;

		}

		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'+i+'" 
		src="'+Image0.src+'" 
		style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');

		}

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

		function 
		MouseBubbles()
		{

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

		var 
		wscrll =
		(!document.all)?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;

		}

		var 
		Div =
		eval("document.getElementById('si"+i+"')");

		Div.style.left
		= 
		Xpos[i]
		+ 
		wscrll;

		Div.style.top
		= 
		Ypos[i]
		+ 
		hscrll;

		Div.style.width
		= 
		grow[i];

		Div.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>