Og en simpel en, jeg har fået her inde fra ...
Jeg har desværre ikke registreret oprindelsen, men du kan i hvert fald bruge den til at teste mac-kompatibiliteten (jeg er også overbevist om at overlib er mac-kompatibel, men om jeg kunne finde henvisningen ?-)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Show tooltip</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.tooltip{position:absolute;top:0;left:0;visibility:hidden;border:1px solid black;padding:3px;background:#DCE7E0;font-family:verdana;font-size:8pt;}
</style>
<script type="text/javascript">
var Ymouse = Xmouse = 0;
var ns6 = (document.getElementById && !document.all)?true:false;
var d = (ns6)?window:document;
d.onmousemove = getMousePos;
function getMousePos(evnt) {
Ymouse = (ns6)?evnt.pageY:event.y;
Xmouse = (ns6)?evnt.pageX:event.x;
var inf = (ns6)?document.getElementById('info'):document.all.info;
inf.style.left = Xmouse + 15;
inf.style.top = Ymouse;
}
function show(){
if(document.getElementById){
document.getElementById('info').style.visibility = 'visible';
}else if(document.all){
document.all.info.style.visibility = 'visible';
}
}
function hide(){
if(document.getElementById){
document.getElementById('info').style.visibility = 'hidden';
}else if(document.all){
document.all.info.style.visibility = 'hidden';
}
}
</script>
</head>
<body>
<a href="#" id="link" onmouseout="hide();" onmouseover="show();">Hej</a>
<div id="info" class="tooltip">Hej med dig,<br> - skal vi have en lille sludder?</div>
</body>
</html>
Da den er lavet med en div er der ingen problemer i at vise billeder, men skal den bruges til forskellige links er den ikke pt. færdig !-)