Hola, he hecho este código:
Código HTML:
<script language="JavaScript">
<!--
function mouseMove(e) {
var x = (document.layers)? e.pageX : event.x+document.body.scrollLeft
var y = (document.layers)? e.pageY : event.y+document.body.scrollTop
var x2 = x + 15;
var y2 = y + 15;
document.getElementById('Layer1').style.left=''+x2;
document.getElementById('Layer1').style.top=''+y2;
return true
}
function init(titulo,texto) {
document.onmousemove = mouseMove;
if(titulo == "") {
document.getElementById('Layer1').innerHTML='<div class="textodespues">'+texto+'<\/div>';
}
else {
document.getElementById('Layer1').innerHTML='<div class="titlelayer1">'+titulo+'<\/div><div class="textodespues">'+texto+'<\/div>';
}
document.getElementById('Layer1').style.display='block';
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
}
function quitar() {
document.getElementById('Layer1').style.display='none';
}
// -->
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:300px;
background-color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
border:1px solid #CCCCCC;
z-index:1;
}
.titlelayer1 {
background-color:#CCCCCC;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:5px;}
.textodespues {
padding:5px;}
-->
</style>
<div id="asd"></div>
<a onMouseOver="init('Titulo aqui','El texto de informacion ira en este cuadro.')" onMouseOut="quitar();">asdasdasdads</a>
<div id="Layer1" style="display:none;"></div>
Al pasar por encima del texto sale un mensaje que sigue al raton, hasta ahi todo bien el problema es que funciona en todos los navegadores excepto en FIREFOX, funciona en opera, en internet explorer, en safari, en safari ipod... pero no en el firefox, si me pudierais ayudar, el problema creo que esta en:
document.onmousemove = mouseMove;
Pero no estoy seguro