Texto que persigue al ratón

Este efecto, aplicable de forma similar a una imagen, consiste en capturar los eventos que se producen y colocar el objeto (en este caso el texto) y colocarlo en dicho punto. Para que no se vea el efecto si no se pulsa el botón, se pone el estilo del objeto visibility: hidden. Se emplean estilos con el fin de posicionar el texto en el lugar adecuado con cada movimiento del ratón.

Este texto perseguirá al ratón

Código JavaScript

function Persigue(evt)
{
window.document.getElementById("Texto").style.left=evt.clientX+10;
window.document.getElementById("Texto").style.top=evt.clientY;
}

Código HTML

<body onMouseMove="Persigue(event);">
...
<span id="Texto" style="position: absolute;">Este texto perseguirá al ratón</span>
...