Fácil animación modal ventana biblioteca-ModalJS
| Autor: | PDKnight |
|---|---|
| Views Total: | 2,004 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 23, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Sólo otra biblioteca modal JavaScript que le ayuda a crear animada, dinámica, ventana emergente personalizable en la Página Web.
¿Cómo funciona?
Asegúrese de que tiene el modal. CSS y modal. js cargados correctamente en la Página Web.
<link href="src/Modal.css" rel="stylesheet"> <script src="src/Modal.js"></script>
Mostrar una ventana modal en la carga de página.
ModalJS.show({
top: 'Modal Title',
middle: 'Modal Content (innerHTML is supported)'
}); Para alternar la ventana modal, haga clic en el elemento desencadenante.
<input id="demo" type="button" value="Open The Modal">
ModalJS.addEvent(
demo, 'click',
function()
{
ModalJS.show({
top: 'Modal title',
middle: 'Modal content'
});
}
); Más opciones de configuración.
ModalJS.show({
top: 'Modal Title',
middle: 'Modal Content (innerHTML is supported)',
bottom: 'Modal Footer',
transiiton: 'fast', // 'slow', 'fast' or 'normal',
background: true, // displays background overlay
mono: true // displays mono
}); Mostrar/ocultar la ventana modal manualmente.
ModalJS.showModal() ModalJS.hideModal()
