3D-Name

Auch ein schöner Effekt eines Javascript-Mausverfolgers…

Update: Dieses Javascript funktionierte zuerst nur im Internet Explorer und in Opera richtig. Besucher, welche mit dem Mozilla Firefox auf eine Seite kommen, auf der dieses Javascript eingebaut ist, sahen den Effekt des Mausverfolgers nicht.

Nun funktioniert das Javascript aber auch im Firefox richtig 🙂

Update: Das Scroll-Problem wurde inzwischen behoben.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- message = 'www.kostenlose-javascripts.de '; // Dein Text FonT = 'Verdana'; // Deine Schriftart ColoR = '000080'; // Deine Schriftfarbe SizE = 3; // Deine Schriftgrösse (nur 1 bis 7)! var amount = 5, ypos =- 50, xpos = 0, Ay = 0, Ax = 0, By = 0, Bx = 0, Cy = 0, Cx = 0, Dy = 0, Dx = 0, Ey = 0, Ex = 0; if (document.layers) { for (i = 0; i < amount; i++) { document.write('<layer name=nsl'+i+' top=0 left=0><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></layer>'); } window.captureEvents(Event.MOUSEMOVE); function nsmouse(evnt) { xpos = evnt.pageX + 20; ypos = evnt.pageY + 20; } window.onMouseMove = nsmouse; } else if (document.getElementById) { document.write("<div id='outermausi' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>"); for (i = 0; i < amount; i++) { document.write('<div id="text'+i+'" style="position:absolute;top:0px;left:0px;width:400px;height:20px"><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></div>') } document.write("</div>"); document.write("</div>"); function iemouse(e) { ypos = (e)?e.pageY:event.y + 20; xpos = (e)?e.pageX:event.x + 20; } window.document.onmousemove = iemouse; } function makefollow() { if (document.layers) { document.layers['nsl'+0].top = ay; document.layers['nsl'+0].left = ax; document.layers['nsl'+1].top = by; document.layers['nsl'+1].left = bx; document.layers['nsl'+2].top = cy; document.layers['nsl'+2].left = cx; document.layers['nsl'+3].top = Dy; document.layers['nsl'+3].left = Dx; document.layers['nsl'+4].top = Ey; document.layers['nsl'+4].left = Ex; } else if (document.getElementById) { document.getElementById('outermausi').style.top = document.documentElement.scrollTop; document.getElementById('text0').style.top = ay+"px"; document.getElementById('text0').style.left = ax+"px"; document.getElementById('text1').style.top = by+"px"; document.getElementById('text1').style.left = bx+"px"; document.getElementById('text2').style.top = cy+"px"; document.getElementById('text2').style.left = cx+"px"; document.getElementById('text3').style.top = Dy+"px"; document.getElementById('text3').style.left = Dx+"px"; document.getElementById('text4').style.top = Ey+"px"; document.getElementById('text4').style.left = Ex+"px"; } } function move() { ey = Ey += (ypos - Ey) * 0.2; ex = Ex += (xpos - Ex) * 0.2; dy = Dy += (ey - Dy) * 0.3; dx = Dx += (ex - Dx) * 0.3; cy = Cy += (dy - Cy) * 0.4; cx = Cx += (dx - Cx) * 0.4; by = By += (cy - By) * 0.5; bx = Bx += (cx - Bx) * 0.5; ay = Ay += (by - Ay) * 0.6; ax = Ax += (bx - Ax) * 0.6; makefollow(); setTimeout('move()', 10); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/mausverfolger/3d-name/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">move();</script> <!-- präsentiert von kostenlose-javascripts.de --><br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/mausverfolger/3d-name/" target="_blank">kostenlose-javascripts.de</a> <br />