Ostern steht ja quasi nun vor der Tür, und daher haben wir nun einen Osterei-Mausverfolger für euch.

Wie so oft, müsst ihr auch bei diesem Mausverfolger die dazugehörigen Bilder auf eure Homepage hochladen. Die Bilder sind folgende 3 Oster-Eier:

Im JavaScript selbst braucht ihr nur die Variablen erstesBild, zweitesBild und drittesBild anzupassen mit dem absoluten Pfad eures hochgeladenen Bildes. Das wars :-)

Viel Spaß und frohe Ostern!

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- OEiAnzahl = 15; //Anzahl der maximalen Bilder, die auf einmal angezeigt werden lastOEi = 0; //welches Bild soll zuletzt angezeigt werden? (zwischen 0 und 1 wählen) OEiDauer = 1000; //Dauer der Anzeige der Bilder auf dem Bildschirm (in Millisekunden) OEiAbstand = 50; //Abstand des Mauszeigers bevor das nächste Bild erscheint erstesBild = "o_ei1.gif"; //das erste Bild zweitesBild = "o_ei2.gif"; //das zweite Bild drittesBild = "o_ei3.gif"; //das zweite Bild //Ab hier nichts mehr ändern var docLayers = (document.layers) ? true:false; var docId = (document.getElementById) ? true:false; var docAll = (document.all) ? true:false; var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document." var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":"" var stylebitK = (docLayers) ? "":".style" var showbitK = (docLayers) ? "show":"visible" var hidebitK = (docLayers) ? "hide":"hidden" var ns6=document.getElementById&&!document.all var posX, posY, lastX, lastY, OEiAnzahl, lastOEi, OEiDauer, OEiAbstand, erstesBild; lastX = 0; lastY = 0; function eierMe(e) { posX = getMouseXPos(e); posY = getMouseYPos(e); if (posX>(lastX+OEiAbstand)||posX<(lastX-OEiAbstand)||posY>(lastY+OEiAbstand)||posY<(lastY-OEiAbstand)) { showOEi(posX,posY); lastX = posX; lastY = posY; } } function getMouseXPos(e) { if (e) { return parseInt(e.pageX+10); } else { return (parseInt(event.clientX+10) + parseInt(document.documentElement.scrollLeft)); } } function getMouseYPos(e) { if (e) { return parseInt(e.pageY); } else { return (parseInt(event.clientY) + parseInt(document.documentElement.scrollTop)); } } function showOEi(x,y) { var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x; if (lastOEi >= OEiAnzahl) {lastOEi=0;} eval(docbitK + "oeier" + lastOEi + docbitendK + stylebitK + ".left = '" + processedx + "px'"); eval(docbitK + "oeier" + lastOEi + docbitendK + stylebitK + ".top = '" + y + "px'"); eval(docbitK + "oeier" + lastOEi + docbitendK + stylebitK + ".visibility = '" + showbitK + "'"); if (eval("typeof(OEiDauer" + lastOEi + ")")=="number") { eval("clearTimeout(OEiDauer" + lastOEi + ")"); } eval("OEiDauer" + lastOEi + " = setTimeout('hideOEi(" + lastOEi + ")',OEiDauer)"); lastOEi++; } function hideOEi(knum) { eval(docbitK + "oeier" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'"); } function oEierBegin(){ if (docLayers) { document.captureEvents(Event.MOUSEMOVE) document.onMouseMove = eierMe; } else { document.onmousemove = eierMe; } } if (document.all||document.getElementById||document.layers){ for (k=0;k<OEiAnzahl;k=k+3) { document.write('<div id="oeier' + k + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + erstesBild + '" alt="" border="0"></div>'); document.write('<div id="oeier' + (k+1) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + zweitesBild + '" alt="" border="0"></div>'); document.write('<div id="oeier' + (k+2) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + drittesBild + '" alt="" border="0"></div>'); } } //--> </script> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="günstige Internetanbieter" target="_blank">günstige Internetanbieter</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=524"></script> <!-- präsentiert von kostenlose-javascripts.de -->