Código de JavaScript - Efecto Reveal - Opacity con DIV's y JScript

Pos: 4

Val: 2.019

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

Efecto Reveal - Opacity con DIV's y JScript

JavaScript

(1)

Publicado el 28 de Enero del 2018 por Scriptshow (141 códigos)

1.237 visualizaciones desde el 28 de Enero del 2018

Efectos con DIV's al mover el mouse en horizontal. Una combinación de color y opacity sobre capas que cambian de tamaño al mover el mouse. Mejor lo vemos...

Espero sea de interés.

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0
(1)

Publicado el 28 de Enero del 2018

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

1.238 visualizaciones desde el 28 de Enero del 2018

Versión para experimentar.

<!DOCTYPE html>

<html>

<body style="margin:0px;border:none;overflow:auto">

<div id="side1" style="height:100%;position:absolute;background:#DDDD44;filter:Alpha(opacity=40);opacity:.4"></div>

<div id="side2" style="height:100%;position:absolute;background:#44DDDD;filter:Alpha(opacity=40);opacity:.4"></div>

<script>

document.onmousemove=function(e){

w=document.body.clientWidth || document.documentElement.clientWidth;

p=(e) ? e.pageX : event.clientX;

document.getElementById("side1").style.width=w-p+"px";

document.getElementById("side2").style.width=0+p+"px";

</script>

</body>

</html>

Comentarios sobre la versión: 1.0 (1)

xve

29 de Enero del 2018

Que bien pensado!!!!

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/s4411

CROSSHAIR - Coordenadas del Mouse a pantalla completa

Solo permitir letras y números en un textarea con una expresión regular

Código de JavaScript - Efecto Reveal - Opacity con DIV's y JScript

Requerimientos

1.0(1)

Comentarios sobre la versión: 1.0 (1)

Comentar la versión: 1.0

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

1.0
(1)