Código de JavaScript - Redimensionar DIV siguiendo las coordenadas del Mouse

Filtrado por el tag: Programming

<<>>

Pos: 4

Val: 2.019

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

Redimensionar DIV siguiendo las coordenadas del Mouse

JavaScript

(2)

Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 27 de Enero del 2018)

4.456 visualizaciones desde el 27 de Enero del 2018

Código Javascript para cambiar el tamaño de un DIV siguiendo las coordenadas del mouse.
Un efecto "cortina" manual como base para experimentar, etc...
Un evento asociado a la función, se encarga de manejar el DOM.

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0
(2)

Publicado el 27 de Enero del 2018

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

4.457 visualizaciones desde el 27 de Enero del 2018

Versión experimental para implementar en otros desarrollos.

<!DOCTYPE html>

<html>

<body>

<div id="test" style="background:#44DDDD"></div>

<script>

document.onmousemove=function(e){

e=e || event;

x=e.clientX;

y=e.clientY;

document.getElementById("test").style.height=y+"px";

document.getElementById("test").style.width=x+"px";

</script>

</body>

</html>

Comentarios sobre la versión: 1.0 (2)

xve

29 de Enero del 2018

No ha dejado ningún comentario

Responder

Kevin

24 de Noviembre del 2021

No ha dejado ningún comentario

Responder

Comentar la versión: 1.0


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s4410

Código de JavaScript - Redimensionar DIV siguiendo las coordenadas del Mouse

Requerimientos

1.0(2)

Comentarios sobre la versión: 1.0 (2)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(2)