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

Imágen de perfil
Val: 1.522
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Redimensionar DIV siguiendo las coordenadas del Mousegráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 27 de Enero del 2018 por Scriptshow (137 códigos)
1.545 visualizaciones desde el 27 de Enero del 2018
  • Scriptshow se encuentra ahora conectado en el
  • chat de PHP
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
estrellaestrellaestrellaestrellaestrella(1)

Publicado el 27 de Enero del 2018gráfica de visualizaciones de la versión: 1.0
1.546 visualizaciones desde el 27 de Enero del 2018
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Versión experimental para implementar en otros desarrollos.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!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 (1)

Imágen de perfil
29 de Enero del 2018
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s4410