Info al pasar por encima

[carlosgs91]

Muchas gracias ya funciona perfectamente, por si alguien lo quiere el codigo funcionando es:

Código HTML:

<script language="JavaScript">
<!--
function mouseMove(e) {
var x = (document.layers || !document.all)? e.pageX : event.x+document.body.scrollLeft;
var y = (document.layers || !document.all)? e.pageY : event.y+document.body.scrollTop;
var x2 = x + 15;
var y2 = y + 15;

document.getElementById('Layer1').style.left=''+x2+'px';
document.getElementById('Layer1').style.top=''+y2+'px';

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>