Mouse over en tekst.

Du kan lave den lille almindelige alternative tekst såsom

<a href="side.html" alt="Her er den lille firkant">link</a>

eller den mere forkromede... her er et eksempel på det:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
// onMouseOver="toolTip(lille firkant her')";
// onMouseOut="toolTip()";
// -eller-
// onMouseOver="toolTip('flere muligheder', '#FFFF00', 'orange')";
// onMouseOut="toolTip()";
var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
offsetX = 0;
offsetY = 20;
var toolTipSTYLE="";
function initToolTips()
{
  if(ns4||ns6||ie4)
  {
    if(ns4) toolTipSTYLE = document.toolTipLayer;
    else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
    else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
    if(ns4) document.captureEvents(Event.MOUSEMOVE);
    else
    {
      toolTipSTYLE.visibility = "visible";
      toolTipSTYLE.display = "none";
    }
    document.onmousemove = moveToMouseLoc;
  }
}
function toolTip(msg, fg, bg)
{
  if(toolTip.arguments.length < 1) // hide
  {
    if(ns4) toolTipSTYLE.visibility = "hidden";
    else toolTipSTYLE.display = "none";
  }
  else // show
  {
    if(!fg) fg = "#777777";
    if(!bg) bg = "#FFFFFF";
    var content =
    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg +
    '"><td align="center"><font face="sans-serif" color="' + fg +
    '" size="-2">&nbsp\;' + msg +
    '&nbsp\;</font></td></table></td></table>';
    if(ns4)
    {
      toolTipSTYLE.document.write(content);
      toolTipSTYLE.document.close();
      toolTipSTYLE.visibility = "visible";
    }
    if(ns6)
    {
      document.getElementById("toolTipLayer").innerHTML = content;
      toolTipSTYLE.display='block'
    }
    if(ie4)
    {
      document.all("toolTipLayer").innerHTML=content;
      toolTipSTYLE.display='block'
    }
  }
}
function moveToMouseLoc(e)
{
  if(ns4||ns6)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else
  {
    x = event.x + document.body.scrollLeft;
    y = event.y + document.body.scrollTop;
  }
  toolTipSTYLE.left = x + offsetX;
  toolTipSTYLE.top = y + offsetY;
  return true;
}
//-->
</script>
</head>
<body onLoad="initToolTips();">

<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>

<a href="#" onMouseOver="toolTip('lille firkant her')" onMouseOut="toolTip()">link</a>

</body>
</html>

<a href="#" title="min text">ved ikke om du bare skal skrive her er din text</a>

eller om det er den avancerede

hmm. jeg ikke se nogen tekst, som kommer frem når jeg køre musen over teksten.

/cdc skriv lige et svar, så du får dine point

<span title="Hej">Bla bla bla<br>Bla bla</span>

Det virker. Men det tager lige 2 sek. før teksten popper op.

svarer :o) her en lidt mere avanceret: http://www.dynamicdrive.com/dynamicindex5/popinfo.htm

fejl... cdc har da ret =)

Neb ellers er det den forkromede løsning da den første godt kan se lidt tam ud =)

hvordan skal det laves, hvis det sammen tidlig skal være et link. som skal indhode følgende tekst ?

Ugens NFL tips, bliver skrevet af Odds 2X2’s NFL ekspert: Martin Pedersen. Også kaldet MP">NFL (MP)

og linke til en side med følgende navn.
http://odds2x2.mail-net.dk/ugenNFL.htm

<a href="http://odds2x2.mail-net.dk/ugenNFL.htm" title="Bla bla bla">Ugens NFL tips, bliver skrevet af Odds 2X2’s NFL ekspert: Martin Pedersen. Også kaldet MP">NFL (MP)</a>

phoenixv læg lige et svar.

Phoenixv. vil lige sige, at det var modsat det du havde slrevet ;o)

Modsat?
Mener du sådan her:

<a href="http://odds2x2.mail-net.dk/ugenNFL.htm" title="Ugens NFL tips, bliver skrevet af Odds 2X2’s NFL ekspert: Martin Pedersen. Også kaldet MP">NFL (MP)</a>

Nej, jeg skal ikke have point. cdc og lacops var jo først ude! :)

nej jeg har fikset det, bare glem det