Küsse

Dieser Liebes-Mausverfolger küsst den Besucher eurer Homepage und zeigt ihr (oder ihm) wieviel er euch bedeutet, während dieser auf Eurer Webseite unterwegs ist.

Ein sehr schönes Javascript für besondere Anlässe, z. B. zum Valentinstag. Oder auch nur wenn ihr eine Hompage für euren Schatz erstellt und ihm/ihr zeigen wollt dass er/sie etwas ganz besonderes ist.

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'> <!-- kissAnzahl = 15 //Anzahl der maximalen Bilder, die auf einmal angezeigt werden lastKiss = 0 //welches Bild soll zuletzt angezeigt werden? (zwischen 0 und 1 wählen) kissDauer = 1000 //Dauer der Anzeige der Bilder auf dem Bildschirm (in Millisekunden) kissAbstand = 50 //Abstand des Mauszeigers bevor das nächste Bild erscheint erstesBild = "love_lips.gif" //das erste Bild zweitesBild = "love_heart.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, kissAnzahl, lastKiss, kissDauer, kissAbstand, erstesBild lastX = 0 lastY = 0 function kissMe(e) { posX = getMouseXPos(e); posY = getMouseYPos(e); if (posX>(lastX+kissAbstand)||posX<(lastX-kissAbstand)||posY>(lastY+kissAbstand)||posY<(lastY-kissAbstand)) { 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 (lastKiss >= kissAnzahl) {lastKiss=0;} eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".left = '" + processedx + "px'"); eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".top = '" + y + "px'"); eval(docbitK + "kisser" + lastKiss + docbitendK + stylebitK + ".visibility = '" + showbitK + "'"); if (eval("typeof(kissDauer" + lastKiss + ")")=="number") { eval("clearTimeout(kissDauer" + lastKiss + ")"); } eval("kissDauer" + lastKiss + " = setTimeout('hideTatze(" + lastKiss + ")',kissDauer)"); lastKiss += 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; } } for (k=0;k<kissAnzahl;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 /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/mausverfolger/kuesse/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">function addEvent251(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent251(window,'load',kissbegin);</script> <!-- präsentiert von kostenlose-javascripts.de -->