Código de JavaScript - Texto junto al puntero del mouse

Pos: 4

Val: 2.019

Ha mantenido su posición en JavaScript (en relación al último mes)

Texto junto al puntero del mouse

JavaScript

(3)

Publicado el 5 de Noviembre del 2016 por Scriptshow (141 códigos)

6.673 visualizaciones desde el 5 de Noviembre del 2016

Pequeñísimo script para uso experimental que hace posible un mensaje de texto acompañando al cursor. También se puede poner una imagen, figura, etc...

Le afecta el DOCTYPE, a tener en cuenta para incluir en proyectos.

Requerimientos

Un navegador web o dispositivo compatible.

Beta
(3)

Actualizado el 9 de Noviembre del 2016 (Publicado el 5 de Noviembre del 2016)

gráfica de visualizaciones de la versión: Beta

6.674 visualizaciones desde el 5 de Noviembre del 2016

Versión experimental.

<html>

<head>

<script>

function posit(event)

o=document.getElementsByTagName("span")[0];

o.style.left=event.clientX+8+"px";

o.style.top=event.clientY+2+"px";

document.onmousemove=posit

</script>

</head>

<body>

<span style="position:relative;font:bold 16px sans-serif">Texto en el cursor . . .</span>

</body>

</html>

Comentarios sobre la versión: Beta (3)

ScriptShow

5 de Noviembre del 2016

Versión con menos código que supera el DOCTYPE ... V. 1.0 mejorada con respecto a la anterior.

<!DOCTYPE html>

<html>

<head>

<script>

document.onmousemove=function(event)

o=document.getElementsByTagName("span")[0];

o.style.left=event.clientX+8+"px";

o.style.top=event.clientY+2+"px";

</script>

</head>

<body>

<span style="position:relative;font:bold 16px sans-serif">Texto en el cursor . . .</span>

</body>

</html>

Responder

xve

6 de Noviembre del 2016

Que sencillo!!! impresionante!!!

Responder

Terry Daniel

23 de Noviembre del 2021

Buenas, porqué el parámetro "event", si no lo pongo, porque no se ejecuta, alguien me podría explicar, pareciera el evento mousemove se guarda en este parámetro???

Responder