<html>
<head>
<style type="text/css">
.tool{
background-color:#efefef;
position:absolute;
z-index:2;
padding:3px;
font:10px Verdana, Geneva,Arial,Sans-Serif;
border:1px solid black;
width:150px;
visibility:hidden;
}
</style>
<script type="text/javascript">
<!--
posX=-2000,posY=-2000;
function get_pos(e)
{
posX=(document.all&&!window.opera)?event.clientX+document.body.scrollLeft:e.pageX;
posY=(document.all&&!window.opera)?event.clientY+document.body.scrollTop:e.pageY;}
function show(x)
{
obj=document.getElementById(x);
obj.style.visibility='visible';
obj.style.top=parseInt(posY)-parseInt(obj.offsetHeight)-5;
obj.style.left=parseInt(posX)+5;
}
function hide(x)
{
document.getElementById(x).style.visibility='hidden';
}
if(document.getElementById){document.onmousemove=get_pos;}
//-->
</script>
</head>
<body>
1<br>
2<br>
3<br>
<a href="http://www.tutorials.de" onmouseover="show('alt1')" onmouseout="hide('alt1')">Dein Link 1</a>
<div id="alt1" class="tool">Dein Text zu Link 1</div><br>
4<br>
5<br>
6<br>
<a href="http://www.tutorials.de" onmouseover="show('alt2')" onmouseout="hide('alt2')">Dein Link 2</a>
<div id="alt2" class="tool">Dein Text zu Link 2</div><br>
</body>
</html>
