<html>
<head>
<title>Mostrar un mensaje</title>
<script language=JavaScript type=text/javascript>
<!--
function show_tooltip(current_event,this_link,tip_text){
var my_tooltip = document.getElementById("tooltip")
var cursor_position_x
var cursor_position_y
if(document.all){
cursor_position_x = event.clientX
cursor_position_y = event.clientY
}
else if(document.getElementById){
cursor_position_x = current_event.pageX
cursor_position_y = current_event.pageY
}
var text_tooltip = "<div style='font-size:10pt;width:250px;font-family:Arial,Helvetica;"+
"border:1px solid;padding:5px;'>"+tip_text+"</div>"
with( my_tooltip){
innerHTML = text_tooltip
style.left = cursor_position_x
style.top = cursor_position_y + 15
style.backgroundColor ="yellow"
style.visibility = "visible"
}
this_link.onmouseout = hide_tooltip
}
function hide_tooltip(){
document.getElementById("tooltip").style.visibilit y ="hidden"
}
//-->
</script>
</head>
<body>
<a href="javascript:void(0)" onmouseover="show_tooltip(event,this,'Aquí va el mensaje del link 1')" >Link 1</a>
<a href="javascript:void(0)" onmouseover="show_tooltip(event,this,'Aquí va el mensaje del link 2')" >Link 2</a>
<div id="tooltip" style="position:absolute; visibility: hidden"></div>
</body>
