Jeg prøvede ikke for alvor, så jeg har ikke nærmere overvejet om det kan gøres smartere, men:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#tester {
border: 1px solid #000000;
width: 150px;
background-color: #FFFFFF
height: 100px;
}
-->
</style></head>
<body>
<div id="tester" style="visibility: hidden; position: absolute; z-index: 1;">dfgfdgfdgfdgdfgdfg</div>
<p>
<script type="text/javascript">
var dom = (document.getElementById)?true:false;
var ie = (document.all)?true:false;
var pageX=0;
var pageY=0;
var actlayer = null;
function getLayer(id){
return (dom)?document.getElementById(id):document.all[id];
}
function showlayer(whichLayer) {
actlayer = getLayer(whichLayer);
actlayer.style.visibility = "visible";
}
function changehtml(html) {
actlayer.innerHTML = html;
movelayer();
}
function hidelayer(whichLayer) {
actlayer.style.visibility = "hidden";
actlayer = null;
}
function movelayer() {
if(!actlayer)return;
actlayer.style.left = ((ie)?document.body.scrollLeft+event.clientX:pageX)+50+'px';
actlayer.style.top = ((ie)?document.body.scrollTop+event.clientY:pageY)-20+'px';
}
function my_test(event) {
if(!actlayer)return;
pageX = event.pageX;
pageY = event.pageY;
movelayer();
}
if (!ie){ document.onmousemove=my_test; }
</script>
</p>
<p> </p>
<p> </p>
<p><a href="#" onmouseover="showlayer('tester')" onmousemove="movelayer('tester')" onmouseout="hidelayer('tester')">Mouseover!</a></p>
</body>
</html>
