This javascript code allows you to have an image pop from where ever the cursor is and the image grows to the size that you define in the code.

Insert this code into your HEAD of HTML

<style type="text/css"> .bgdivstylet { position: absolute; left:0px; top:0px; } </STYLE>

Insert this code into your BODY of HTML

<DIV ID="bgdiv" class="bgdivstylet"> <script language="JavaScript" type="text/javascript"> <!-- This Code Free To Use - Providing This Notice Remains --> <!-- JavaScript Code Effect Found At: Development Resource & JavaScript Code & Generator Public Archive Center --> <!-- Located: http://www.DesignerWiz.com --> <!-- Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply --> <!-- Original: Kurt Grigg (kurt.grigg@virgin.net) --> <!-- Web Site: http://website.lineone.net/~kurt.grigg/javascript --> <!-- Modify for NS6+: Roberto de Jesus Asyn Diaz --> <!-- Web Site: http://www.asynco.net/ --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin Image0 = new Image(); Image0.src = "../images/Your Image Here.jpg"; Amount = 5; Ymouse = 10; Xmouse = 10; Ypos = new Array(); Xpos = new Array(); Speed = new Array(); rate = new Array(); grow = new Array(); Step = new Array(); Cstep = new Array(); nsSize = new Array(); (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt) { Ymouse=getMouseYPos(evnt) Xmouse=getMouseXPos(evnt) } function getMouseXPos(e) { if (document.layers||document.getElementById&&!document.all) { return parseInt(e.pageX+10) } else { return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft)) } } // Get the vartical position of the mouse function getMouseYPos(e) { if (document.layers||document.getElementById&&!document.all) { return parseInt(e.pageY) } else { return (parseInt(event.clientY) + parseInt(document.body.scrollTop)) } } (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 (document.layers) { 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'+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)?document.body.scrollTop :window.pageYOffset; var wscrll = (document.all)?document.body.scrollLeft:window.pageXOffset; 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] = 10; nsSize[i] = Math.random() * 15 + 5; } if (document.layers) { document.layers['sn'+i].left = Xpos[i] + wscrll; document.layers['sn'+i].top = Ypos[i] + hscrll; } if (document.all) { document.getElementById('si'+i).style.pixelLeft = Xpos[i] + wscrll; document.getElementById('si'+i).style.pixelTop = Ypos[i] + hscrll; document.getElementById('si'+i).style.width = grow[i]; document.getElementById('si'+i).style.height = grow[i]; } if (document.getElementById&&!document.all) { document.getElementById('si'+i).style.left = Xpos[i] + wscrll; document.getElementById('si'+i).style.top = Ypos[i] + hscrll; document.getElementById('si'+i).style.width = grow[i]; document.getElementById('si'+i).style.height = grow[i]; } grow[i] += rate[i]; Cstep[i] += Step[i]; if (grow[i] > 24) grow[i] = 50; // is size of image square } setTimeout('MouseBubbles()', 40); //40 is the speed of image bubble - lower number is faster and higher number is slower } MouseBubbles(); // End --></script></DIV>

Simply Cut and Paste Script code
Be sure to properly place script position in Head and Body section of html

Credit: Roberto de Jesus Asyn Diaz Homepage

This script has been in the DesignerWiz.com Public Library.