Caja modal de respuesta mínima usando Pure JavaScript-BP-modal. js
| Autor: | PrattFall |
|---|---|
| Views Total: | 1,965 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 3, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
BP-modal. js es una biblioteca JavaScript pequeña y fácil de usar que le ayuda a mostrar una ventana modal limpia y sensible en su página web.
Funcionamiento
Agregue el modal. min. CSS en el encabezado para los estilos modales básicos.
<link rel="stylesheet" href="modal.min.css">
Agregue el script BP-modal. min. js en el documento, antes de la etiqueta body de cierre.
<script src="bp-modal.min.js"></script>
Cree una ventana modal de tamaño mediano siguiendo la estructura de marcado como se muestra a continuación. Este modal incluye la clase modal-closable que agrega el botón de cierre elegante en la parte superior derecha.
<div id="test" class="modal modal-medium modal-closeable"> <div class="modal-header"> <h2>Modal Header</h2> </div> <div class="modal-content"> <p>Modal Content</p> </div> </div>
Puede iniciar la ventana modal utilizando cualquier elemento que tenga el correspondiente valor de de datos modal.
<p data-modal="test">Click me!</p>
