Código de JavaScript - Modal muy simple

Pos: 4

Val: 2.019

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

Modal muy simple

JavaScript

(2)

Publicado el 20 de Noviembre del 2017 por Scriptshow (141 códigos)

2.831 visualizaciones desde el 20 de Noviembre del 2017

Un script muy básico y compatible para hacer un Light-Box / Modal. Al clicar en un botón, enlace, imagen, etc. aparece una capa traslúcida de opacidad ajustable. Al clicar en cualquier parte del Modal, se cierra. Adaptable a tus proyectos sin problemas.

Espero sea útil.

Un saludo

Requerimientos

Un navegador web o dispositivo compatible.

1.0
(2)

Actualizado el 22 de Noviembre del 2017 (Publicado el 20 de Noviembre del 2017)

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

2.832 visualizaciones desde el 20 de Noviembre del 2017

Versión 1.0 revisable.

<!DOCTYPE html>

<html>

<style>

#modal {

position: fixed;

display: none;

z-index: 4;

left: 0;

top: 0;

width: 100%;

height: 100%;

padding: 40px;

overflow: auto;

cursor: pointer;

background: #000000;

filter: alpha(opacity=40);

-khtml-opacity: 0.4;

-moz-opacity: 0.4;

opacity: 0.4;

</style>

<body>

<button onclick="test()">M o d a l</button>

<div id="modal"><h2>M O D A L</h2></div>

<script>

function test(){

el=document.getElementById('modal');

el.style.display="block";

el.onclick=function(){this.style.display="none";}

</script>

</body>

</html>

Comentarios sobre la versión: 1.0 (2)

miguel

22 de Noviembre del 2017

Interesante amigo, quiza lo adapte en mi web de alguna forma. Un saludo y gracias por sus contribuciones

Responder

Hernan Jose

31 de Diciembre del 2017

Genial...!

Responder

Comentar la versión: 1.0

http://lwp-l.com/s4312

Menú Contextual JavaScript Personalizado

Cambia el Color de Párrafos OnClick

Código de JavaScript - Modal muy simple

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)