Hola de nuevo.
Esta es una adaptación del código de
caricatos (¡Hola!
)
Código PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#ayuda {border:1px solid black;visibility:hidden;position:absolute}
</style>
<script type="text/javascript">
var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ns6 = (document.getElementById && !document.all) ? true: false;
var coorX, coorY;
if (ns6) document.addEventListener("mousemove", mouseMove, true)
if (ns4) {document.captureEvents(Event.MOUSEMOVE); document.mousemove = mouseMove;}
function mouseMove(e) {
if (ns4||ns6) {
coorX = e.pageX;
coorY = e.pageY;
}
if (ie4) {
coorX = event.x;
coorY = event.y;
}
coorX += document.body.scrollLeft;
coorY += document.body.scrollTop;
return true;
}
function ini() {
if (ie4) document.body.onmousemove = mouseMove;
}
function mostrar(dato) {
with(document.getElementById("ayuda")) {
style.top = coorY + 10;
style.left = coorX + 10;
style.visibility = "visible";
}
}
function ocultar() {
document.getElementById("ayuda").style.visibility = "hidden";
}
function mover() {
with(document.getElementById("ayuda")) {
style.top = coorY + 10;
style.left = coorX + 10;
}
}
</script>
</head>
<body onload="ini()" >
<a href="tupagina.html" onmouseover="mostrar('mensaje segundo')"
onmousemove="mover()"
onmouseout="ocultar()">Este es el enlace</a>
<div id="ayuda">
<p>En este texto puedes poner todos los
<span style="font-weight:bold">estilos</span>que quieras<br />
Y todas las líneas que necesites</p>
</div>
</body>
</html>
Saludos,