Hola, necesito hacer que un mensaje de ayuda (hint) aparezca cuando se pase el raton por una zona, a esta zona, tengo que darle aspecto de hiperenlace, cambiar el estilo del cursor...he conseguido esto ultimo aunque no en firefox, y me queda que el hint de ayuda vaya junto al puntero en todo momento y no se quede estatico en una posicion, no se si podrá hacer....
titulo.html
Código HTML:
<div id="ContenedorZonaTactil">
<div id="Zonatactil" onClick="acceso_login()" onMouseOver= "muestra_acceso(this)" onMouseOut= "desaparece_acceso(this)" >
<div id="hint" >Entrar al sistema</div>
</div>
</div>
hint.js
Código HTML:
function muestra_acceso(){
document.getElementById("hint").style.visibility = "visible";
if (navigator.appName=="Netscape") {
document.getElementById("ZonaTactil").style.cursor='pointer';
} else {
document.getElementById("ZonaTactil").style.cursor='hand';
}
}
function desaparece_acceso(){
document.getElementById("hint").style.visibility = "hidden";
}
function acceso_login(){
top.principal.location = "acceso.html";
}
titulo.css
Código HTML:
#Zonatactil{
margin-left:auto;
margin-right:auto;
position:relative;
padding-right:3px;
/*right:3px;*/
padding-bottom:2px;
/*bottom:2px;*/
width:196px;
height:91px;
background-image:url(../imagenes/dedo.png);
/*cursor:hand;*/
}
#hint{
position:absolute;
background-color:#FFFF99;
width:60px;
height:25px;
z-index:1;
visibility:hidden;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
}
A ver si podeis echarme una mano que ya llevo un buen rato liado con esto...