Tatzen Mausverfolger - Kostenlose-Javascripts.de

(497 Bewertungen, ∅ 3,69 von 5)
Du musst eingeloggt sein um bewerten zu können.

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 😉

<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)-200;
  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 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')
	}
}
window.onload=kissbegin;

//-->
</script>
<br>
JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/mausverfolger/tatzen/" target="_blank">kostenlose-javascripts.de</a>
<br>

Tatzen

16 Kommentare

Schreibe einen Kommentar Antworten abbrechen