Ventana modal bastante simple en Vanilla JavaScript-modalzinha. js
| Autor: | frrrnd |
|---|---|
| Views Total: | 1,852 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 1, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
modalzinha. js es un plugin de JS vainilla mínimo (menos de 1 KB) para crear una ventana modal adaptable para presentar su contenido en línea dentro del documento.
Funcionamiento
Cargue el archivo CSS modalzinha. CSS y el archivo JavaScript modalzinha. js en la Página Web.
<link rel="stylesheet" href="modalzinha.css"> <script src="modalzinha.js"></script>
Inserte su propio contenido en el modal.
<div class="modal-wrapper" data-modal="wrapper"> <div class="modal-content"> <div class="relative"> <button data-modal="close" class="btn btn-close">×</button> <div class="text"> <p>Modal Content</p> </div> </div> </div> </div>
Cree un botón de desencadenador para la ventana modal. Eso es todo.
<button class="btn btn-open" data-modal="open">Open</button>
