Linkbeschreibung 2

Mit dem folgenden Javascript von TeSeven könnt ihr eine zusätzliche Beschreibung für einen Link anlegen.

Dabei wird eine kleine Infobox schräg unter dem Link angezeigt.

Zu beachten ist aber, dass dieses Script nicht für mehrere Links bzw. mehrere Linkbeschreibungen ausgelegt ist. Pro Seite kann (ohne weitere Anpassungen) nur ein Link mit dieser zusätzlichen Beschreibung ausgestattet werden.

<!-- präsentiert von kostenlose-javascripts.de --> <div id="text" style="position:absolute;display:none;background-color: #99ccff;"> Hier könnte <br />ihr Text<br />stehen.<br /> <!-- Hier den Text verändern --> </div> <div id="link" onmouseover="anzeigen()" onmouseout="verstecken()">Maus auf diesen Link.</div><br /> <script type='text/javascript'> <!-- var Abstand_Rechts = 15; //Abstand der Box rechts der Maus var Abstand_Unten = 15; //Abstand der Box unter der Maus function Mausklick (Ereignis) { if(!Ereignis) Ereignis = window.event; if(document.getElementById){ document.getElementById('text').style.left = (Ereignis.clientX + Abstand_Rechts) + "px"; document.getElementById('text').style.top = (Ereignis.clientY + Abstand_Unten) + "px"; }else if(document.all){ document.all.text.style.left = Ereignis.clientX + Abstand_Rechts; document.all.text.style.top = Ereignis.clientY + Abstand_Unten; } } function anzeigen(){ document.getElementById('link').onmousemove = Mausklick; document.getElementById('text').style.display = "block"; } function verstecken(){ document.getElementById('link').onmousemove = ""; document.getElementById('text').style.display = "none"; } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/linkbeschreibung-2/" target="_blank">kostenlose-javascripts.de</a> <br /> <!-- präsentiert von kostenlose-javascripts.de -->