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

Imágen de perfil

Redimensionar DIV siguiendo las coordenadas del Mousegráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 27 de Enero del 2018 por ScriptShow
623 visualizaciones desde el 27 de Enero del 2018. Una media de 14 por semana
  • 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)

Actualizado el 29 de Enero del 2018 (Publicado el 27 de Enero del 2018)gráfica de visualizaciones de la versión: 1.0
624 visualizaciones desde el 27 de Enero del 2018. Una media de 14 por semana
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
xve
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  
Revisar política de publicidad