Augen

Diese Augen verfolgen den Mauszeiger 😉

Um das Script nutzen zu können, ladet einfach diese Datei runter (Rechte Maustaste -> speichern unter…). Darin sind alle entsprechenden Bilder enthalten, welche ihr auf eure Homepage hochladen müsst.

Im Javascript selbst sind zwei Variablen, welche noch angepasst werden müssen: jseyesimg und jseyeimg. Dort gebt ihr den Pfad zum Bild auf eurem Webserver an.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var jseyesimg="jseyes.gif"; var jseyeimg="jseyeblue.gif"; var jseyeso=null, jseye1=null, jseye2=null; var browserversion=0.0; var browsertype=0; function browserdetect() { var agt= navigator.userAgent.toLowerCase(); var appVer= navigator.appVersion.toLowerCase(); browserversion= parseFloat(appVer); var iePos= appVer.indexOf('msie'); if (iePos!=-1) browserversion= parseFloat(appVer.substring(iePos+5, appVer.indexOf(';',iePos))); var nav6Pos = agt.indexOf('netscape6'); if (nav6Pos!=-1) browserversion= parseFloat(agt.substring(nav6Pos+10)) browsertype= (iePos!=-1) ? 1 : (agt.indexOf('mozilla')!=-1) ? 2 : 0; return(browsertype>0);} browserdetect(); function jseyesobj(id) { var i, x; x= document[id]; if (!x && document.all) x= document.all[id]; for (i=0; !x && i<document.forms.length; i++) x= document.forms[i][id]; if (!x && document.getElementById) x= document.getElementById(id); return(x);} function jseyesmove(x, y) { var ex, ey, dx, dy; if (jseyeso && jseye1 && jseye2 && jseyeso.style) { ex=jseyeso.offsetLeft+46; ey=jseyeso.offsetTop+58; dx=x-ex; dy=y-ey; r=(dx*dx/49+dy*dy/289<1) ? 1 : Math.sqrt(49*289/(dx*dx*289+dy*dy*49)); jseye1.style.left= r*dx+36.5+"px"; jseye1.style.top= r*dy+44+"px"; ex+=56; dx-=56; r=(dx*dx/49+dy*dy/289<1) ? 1 : Math.sqrt(49*289/(dx*dx*289+dy*dy*49)); jseye2.style.left= r*dx+92.5+"px"; jseye2.style.top= r*dy+44+"px";}} function jseyes() { var img; var x, y, a=false; if (arguments.length==2) { x= arguments[0]; y= arguments[1]; a= true;} if (browsertype>0 && browserversion>=5) { img= "<div id='jseyeslayer' style='position:"+ (a ? "absolute; left:"+x+"px; top:"+y+"px" : "relative")+ "; z-index:5; width:150px; height:150px overflow:hidden'>"+ "<div id='jseye1' style='position:absolute; left:36px; top:44px; z-index:6; width:21px; height:29px'>"+ "<img src='"+jseyeimg+"' width=21 height=29 />"+ "</div>"+ "<div id='jseye2' style='position:absolute; left:92px; top:44px; z-index:6; width:21px; height:29px'>"+ "<img src='"+jseyeimg+"' width='21' height='29' />"+ "</div>"+ "<img src='"+jseyesimg+"' width='150' height='150' />"+ "</div>"; document.write(img); jseyeso=jseyesobj('jseyeslayer'); jseye1=jseyesobj('jseye1'); jseye2=jseyesobj('jseye2'); switch (browsertype) { case 1: document.onmousemove=jseyesmousemoveIE; break; case 2: document.captureEvents(Event.MOUSEMOVE); document.onmousemove=jseyesmousemoveNS; break;}}} function jseyesmousemoveNS(e) { jseyesmove(e.pageX, e.pageY);} function jseyesmousemoveIE() { jseyesmove(event.clientX+document.body.scrollLeft, event.clientY+document.body.scrollTop); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/mausverfolger/augen/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">jseyes();</script> <!-- präsentiert von kostenlose-javascripts.de -->