Biblioteca de JavaScript de ventana modal móvil mínima
| Autor: | Razip |
|---|---|
| Views Total: | 1,842 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 8, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Este es un plugin nativo de JavaScript ligero para crear ventanas modales móviles con soporte de cuenta regresiva y devolución de llamada.
Funcionamiento
Enlace a la hoja de estilos ' modalWindow. css ' y JavaScript ' modalWindow. js ':
<link rel="stylesheet" href="modalWindow.css"> <script src="modalWindow.js"></script>
Cree una ventana modal básica.
new ModalWindow('Basic Modal').show(); Crear una ventana modal de cuenta regresiva:
var window = new ModalWindow('The countdown will start in one second.');
window.lock();
var i = 10;
var interval = setInterval(function () {
if (i > 0) {
window.setContent(i + ' second(s).');
i--;
} else {
window.setContent("Time's up. You can close this window now.");
window.unlock();
clearInterval(interval);
}
}, 1000); Mostrar una alerta se mostrará después de cerrar la ventana modal:
new ModalWindow('An alert will be shown after closing this window.').onClose(function() {
alert('onClose');
}); Crear una ventana modal que se puede mover a través de arrastrar y soltar:
new ModalWindow('Drag and drop this window.', true);
