Pequeña & biblioteca de JavaScript modal cuadro de diálogo personalizable-nano modal
| Autor: | kylepaulsen |
|---|---|
| Views Total: | 2,736 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 19, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Nano modal es una pequeña biblioteca de JS que se usa para crear cuadros de diálogo de & modales adaptables y compatibles con dispositivos móviles que son totalmente personalizables a través de CSS & JavaScript.
Default Usage:
Cargue la biblioteca de nano modal JS en el documento.
<script src="nanomodal.js"></script>
Cree un botón para desencadenar un cuadro modal.
<button onclick="openModal1()">Open Modal 1</button>
Mostrar un cuadro modal con un botón de cierre.
var modal1 = nanoModal("Test Content"); Exponer la función abierta.
window.openModal1 = modal1.show;
Opciones disponibles.
// var customModal = nanoModal(MESSAGE, OPTIONS);
var customModal = nanoModal("hey", {
// A string of space separated classes you want on the main modal container
classes: "",
// An array of objects (button definitions) to set the buttons on the bottom of this modal.
buttons: [],
// Make the modal automatically call remove() on itself after it hides.
autoRemove: false,
// Allow a click on the background overlay to close the modal
overlayClose: true
});
