aufsteigene Blasen

Ihr braucht dafür noch das Bild:

(Rechtsklick, Bild speichern unter…)

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- Image0 = new Image(); Image0.src = "bubbles.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(e) { Ymouse=(e)?e.pageY-20:window.event.y-20; Xmouse=(e)?e.pageX:window.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'+i+'" 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.documentElement.scrollTop; var wscrll = (document.layers)?window.pageXOffset:document.documentElement.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 { document.getElementById('si'+i).style.left = Xpos[i] + wscrll+"px"; document.getElementById('si'+i).style.top = Ypos[i] + hscrll+"px"; document.getElementById('si'+i).style.width = grow[i]+"px"; document.getElementById('si'+i).style.height = grow[i]+"px"; } grow[i] += rate[i]; Cstep[i] += Step[i]; if (grow[i] > 24) grow[i] = 25; } setTimeout('MouseBubbles()', 10); } //--> </script> <!-- präsentiert von kostenlose-javascripts.de --><br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/mausverfolger/aufsteigene-blasen/" target="_blank">kostenlose-javascripts.de</a><br /> <script type="text/javascript">MouseBubbles();</script>