Enklere? Du skal bare inkludere scriptet, og tilføje 1 "linie" til linket.. :-) Man kunne også lave sine egne.. men det er at opfinde den dybe tallerken igen..
Så vidt jeg ved, bruges overLIB i samtlige browsere, så du behøver ikke at tænke på kompabilitet.. og det fungerer glimrende.. :-)
<html> <head> <script type="text/javascript"> function SkrivTekst(txt){ var BigImage = document.getElementById("BigImage"); BigImage.innerHTML = txt; } function MoveBigImage(x, y){ var BigImage = document.getElementById("BigImage"); BigImage.style.display = "block"; BigImage.style.left = (x+15) + "px"; BigImage.style.top = (y+15) + "px"; } function HideBigImage(){ document.getElementById("BigImage").style.display = "none"; } </script> </head> <body> <center> <h1>Udskift Billede Ved MouseOver</h1> <div id="BigImage" style="border:1px solid #000;width:100px;height:100px;display:none;position:absolute;"> </div> <br /><br />
<a href="#" onclick="return false" onMouseOver="SkrivTekst('dette er teksten til link: 1');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">link: 1</a>
<a href="#" onclick="return false" onMouseOver="SkrivTekst('Heyhey! Det er sq link nr 2!');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">link: 2</a>
<a href="#" onclick="return false" onMouseOver="SkrivTekst('Scriptet kan rettes til, så man kan ændre på størrelsen på boksen og andet halløj');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">link: 4</a>
tillader mig lige at lægge et svar - da jeg højst sandsynligvis ikke ser dette spørgsmål igen inden det er forsent ;o)
//webstuff
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.