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ónCó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> ...