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

Imágen de perfil
Val: 1.367
Plata
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
794 visualizaciones desde el 27 de Enero del 2018. Una media de 14 por semana
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
795 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
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