[Beschreibung]
Luftbläschen steigen vom Mauszeiger auf.
[Kompatibilität]
[Code]
<script language="JavaScript"> <!-- Begin /* This script was originally written by Kurt Grigg (kurt.grigg@virgin.net) Web Site: http://website.lineone.net/~kurt.grigg/javascript and was modified by N8i (www.nightfire.ch) in April 2005 The script works now with NS4, IE4+, NS6+, Mozilla, Firefox, ... */ //Browser Sniffer var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var mozup = (!document.all && document.getElementById) ? 1 : 0; Image0 = new Image(); Image0.src = "jsimages/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(); // Capturing MouseMove function handlerMM(e) { Xmouse = (ns4up || mozup) ? e.pageX : event.clientX Ymouse = (ns4up || mozup) ? e.pageY-20 : event.clientY-20 } if (ns4up) window.captureEvents(Event.MOUSEMOVE); if (ns4up) window.onMouseMove = handlerMM else document.onmousemove = handlerMM; 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 (ns4up) { 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>"); } } if (ie4up) { 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>'); } if (mozup) { for (i = 0; i < Amount; i++) { document.write('<div id="si'+i+'" style="position:absolute;top:0px;left:0px">'); document.write('<img src="'+Image0.src+'" style="filter:-moz-opacity:0.9)">'); document.write('</div>'); } } function MouseBubbles() { var hscrll = (ns4up || mozup)?window.pageYOffset:document.body.scrollTop; var wscrll = (ns4up || mozup)?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 (ns4up) { document.layers['sn'+i].left = Xpos[i] + wscrll; document.layers['sn'+i].top = Ypos[i] + hscrll; } if (ie4up) { 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]; } if (mozup) { document.getElementById("si"+i).style.left = Xpos[i] + wscrll; document.getElementById("si"+i).style.top = Ypos[i] + hscrll; document.getElementById("si"+i).firstChild.style.width = grow[i]; document.getElementById("si"+i).firstChild.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>
Kurt Grigg modified by N8i (www.nightfire.ch)