Link mit Schattenwurf

Dieses Javascript zeigt einen Schatten auf dem gewünschten Link abhängig von der Mausposition.

Je nachdem, wo ihr mit der Maus seid, bewegt sich der Schatten in die entsprechend gegenüberliegende Seite.

Dieses Javascript funktioniert jetzt auch im Mozilla Firefox, im Internet Explorer und wurde auch unter Opera erfolgreich getestet.

Vielen Dank an Martin, der uns dieses Javascript zur Verfügung gestellt hat 🙂

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- linktext = "JAVASCRIPTS"; linkziel = "https://www.kostenlose-javascripts.de"; linkposx = 200; linkposy = 400; linkfarbe = "#ff0000"; schattenfarbe = "#000000"; linkfont = "Arial Black"; linksize = "48"; textlaenge = linktext.length; intsize = parseInt(linksize); mausx = 0; mausy = 0; bkx = 0; bky = 0; document.write("<div id='schatten' style='position:absolute;top:"+linkposy+"px;left:"+linkposx+"px;font-family:"+linkfont+";font-size:"+linksize+"px;color:"+schattenfarbe+"'>"+linktext+"</div>"); document.write('<a href="'+linkziel+'" style="position:absolute;top:'+linkposy+'px;left:'+linkposx+'px;font-family:'+linkfont+';font-size:'+linksize+'px;color:'+linkfarbe+';text-decoration:none">'+linktext+'</a>'); function mauspos(e) { if (!e) { mausx = event.x - textlaenge * intsize / 3; mausy = event.y - intsize; bkx = (linkposx - document.body.scrollLeft - mausx) / 16; bky = (linkposy - document.body.scrollTop - mausy) / 16; } else { mausx = e.pageX - textlaenge * intsize / 3; mausy = e.pageY - intsize; bkx = (linkposx - mausx) / 16; bky = (linkposy - mausy) / 16; } } function moveschatten() { document.getElementById("schatten").style.top = linkposy + bky; document.getElementById("schatten").style.left = linkposx + bkx; setTimeout("moveschatten()", 40); } document.onmousemove = mauspos; //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/link-mit-schattenwurf/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">moveschatten();</script> <!-- präsentiert von kostenlose-javascripts.de -->