aufsteigende Blasen 2

Aufsteigende Blasen

Wem gewöhnliche Designs von Internetseiten zu langweilig sind, der hat die Möglichkeit, sie mit Javaskripts zu einem Blickfang werden zu lassen. Eine originelle Idee bieten wir euch mit den aufsteigenden Blasen, die den Mauszeiger verfolgend über den Bildschirm ziehen. Die Installation dieses Javascripts ist ganz einfach. Kopiert dazu bitte folgendes Bild auf euren Server und passt Image0.src im Code entsprechend an

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- // Original: Kurt Grigg (kurt.grigg (at) virgin.net) Image0 = new Image(); Image0.src = "bubbles2.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> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/mausverfolger/aufsteigende-blasen-2/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">MouseBubbles();</script> <!-- präsentiert von kostenlose-javascripts.de -->