<HEAD>
<style>
#ejemplo1 {
position:absolute;
width:
150px;
height:
100px;
color:blue;
background-color:#
ff9999;
text-align:
center;
visibility:hidden;
z-index:
10;
}
#ejemplo2 {
position:absolute;
width:
150px;
height:
100px;
color:blue;
background-color:#
ff9999;
text-align:
center;
visibility:hidden;
z-index:
10;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
function ver_ejemplo(user,ValueShow) {
var mousex = window.event.x;
var mousey = window.event.y;
user.style.visibility = ValueShow;
user.style.left = mousex + 5;
user.style.top = mousey;
}
</script>
</HEAD>
<BODY>
<br>
<font color="red">
<a onmouseover="ver_ejemplo(ejemplo1,'visible')" onmouseout="ver_ejemplo(ejemplo1,'hidden')">
Ejemplo 1
</a>
<br><br>
<a onmouseover="ver_ejemplo(ejemplo2,'visible')" onmouseout="ver_ejemplo(ejemplo2,'hidden')">
Ejemplo 2
</a>
<div id="ejemplo1">
<table border="no" width="
148">
<tr valign="middle">
<td height="
98" align="center"><font color=#
990000>
Primer ejemplo<br>
Texto<br>
<br>
Anuncio </font>
</td></tr></table>
</div>
<div id="ejemplo2">
<table border="yes" bordercolor="#
cc0000" width="
148">
<tr valign="middle">
<td height="
98" align="center"><font color=Blue>
Segundo ejemplo<br>
Anuncio<br>
<br>
Texto<br>
</font>
</td></tr></table>
</div>