Dieser Tatzen-Mausverfolger läuft dem Mauszeiger des Besuchers eurer Homepage hinterher während dieser auf Eurer Webseite unterwegs ist.
Ein sehr schönes Javascript für Hunde- und Katzenhomepages.

Damit die Bilder auch richtig angezeigt werden, müsst ihr diese runterladen und im gleichen Verzeichnis speichern wie die Seite, auf der das Javascript zur Anwendung kommt. Oder ihr passt bei den Variablen erstesBild und zweitesBild den Pfad zu den gespeicherten Bildern auf eurer Homepage an ;-)

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- tatzenAnzahl = 15 //Anzahl der maximalen Bilder, die auf einmal angezeigt werden lastTatze = 0 //welches Bild soll zuletzt angezeigt werden? (zwischen 0 und 1 wählen) tatzenDauer = 1000 //Dauer der Anzeige der Bilder auf dem Bildschirm (in Millisekunden) tatzenAbstand = 50 //Abstand des Mauszeigers bevor das nächste Bild erscheint erstesBild = "tatze1.gif" //das erste Bild zweitesBild = "tatze2.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, tatzenAnzahl, lastTatze, tatzenDauer, tatzenAbstand, erstesBild lastX = 0 lastY = 0 function kissMe(e) { posX = getMouseXPos(e); posY = getMouseYPos(e); if (posX>(lastX+tatzenAbstand)||posX<(lastX-tatzenAbstand)||posY>(lastY+tatzenAbstand)||posY<(lastY-tatzenAbstand)) { showTatze(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 showTatze(x,y) { var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x; if (lastTatze >= tatzenAnzahl) {lastTatze=0;} eval(docbitK + "kisser" + lastTatze + docbitendK + stylebitK + ".left = '" + processedx + "px'"); eval(docbitK + "kisser" + lastTatze + docbitendK + stylebitK + ".top = '" + y + "px'"); eval(docbitK + "kisser" + lastTatze + docbitendK + stylebitK + ".visibility = '" + showbitK + "'"); if (eval("typeof(tatzenDauer" + lastTatze + ")")=="number") { eval("clearTimeout(tatzenDauer" + lastTatze + ")"); } eval("tatzenDauer" + lastTatze + " = setTimeout('hideTatze(" + lastTatze + ")',tatzenDauer)"); lastTatze += 1; } function hideTatze(knum) { eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'"); } function kissbegin(){ if (docLayers) { document.captureEvents(Event.MOUSEMOVE) document.onMouseMove = kissMe; } else { document.onmousemove = kissMe; } } if (document.all||document.getElementById||document.layers){ for (k=0;k<tatzenAnzahl;k=k+2) { document.write('<div id="kisser' + k + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + erstesBild + '" alt="" border="0"></div>\n') document.write('<div id="kisser' + (k+1) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + zweitesBild + '" alt="" border="0"></div>\n') } } //--> </script> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter" target="_blank">Internetanbieter</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=251"></script> <!-- präsentiert von kostenlose-javascripts.de -->