Sticky Logo

Dieses Script setzt ein Logo oder ein Bild rechts unten auf die Seite. Dieses bleibt auch beim scrollen stets dort.

Ändern könnt ihr das Bild, indem ihr den <img…> Tag einfach anpasst. Im Beispiel steht dort einfach nur smilie.gif 🙂

Bitte beachten: Dieses Script funktioniert nun auch im Mozilla Firefox!

<!-- präsentiert von kostenlose-javascripts.de --> <div id="logo" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2"> <img src="smilie.gif" border="0"> </div> <script type='text/javascript'> <!-- function setVariables(){ if (navigator.appName == "Netscape") { v=".top="; h=".left="; dS="document."; sD=""; y="window.pageYOffset"; x="window.pageXOffset"; iW="window.innerWidth"; iH="window.innerHeight"; } else { h=".left="; v=".top="; dS=""; sD=".style"; y="document.body.scrollTop"; x="document.body.scrollLeft"; iW="document.body.clientWidth"; iH="document.body.clientHeight" } object="logo"; checkLocationA() } var movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0; function checkLocation(){ innerX=eval(iW)-50; // place to the right // innerX=20 // controls the horizontal from the left side of the page innerY=eval(iH)-35; // place at the bottom // innerY=20 // controls the verticle from the top of the page if (document.layers){innerY-=10;innerX-=10} yy=eval(y); xx=eval(x); ydiff=ystart-yy; xdiff=xstart-xx; if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey; if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex; N=(document.layers)?1:0 V=(N) ? 4:5; if (V==4){ eval(dS+object+sD+v+(ystart+innerY)); eval(dS+object+sD+h+(xstart+innerX)); //eval(dS + objectX + sD + v + y); } else{ object=document.getElementById('logo'); object.style.top=ystart+innerY-30+"px"; object.style.left=xstart+innerX-30+"px"; } setTimeout("checkLocation()",10); } function checkLocationA(){ystart=eval(y);xstart=eval(x);} //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/bilder/sticky-logo/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">setVariables(); checkLocation();</script> <!-- präsentiert von kostenlose-javascripts.de -->