Tooltips

<html>
<head>
<script type="text/javascript">
hide()
{
document.getElementById('trail').style.visibility="hidden";
}
show()
{
document.getElementById('trail').style.visibility="visible";
}
function cursor(event)
{
document.getElementById('trail').style.position="absolute";
document.getElementById('trail').style.left=event.clientX+10;
document.getElementById('trail').style.top=event.clientY;
}
</script>
</head>

<body onmousemove="cursor(event)" onmouseover="show()" onmouseout="hide()">
<h1>Move the cursor over this page</h1>
<span id="trail" style="visibility:hidden">Cursor Text</span>
</body>

</html>