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 = "http://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 /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/internet/anbieter/alice-dsl.html" title="Alice DSL Verfügbarkeit" rel="nofollow" target="_blank">Alice DSL Verfügbarkeit</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=329"></script> <!-- präsentiert von kostenlose-javascripts.de -->