La librería más simple de Pure JavaScript popup-Popup. js
| Autor: | LisaSound |
|---|---|
| Views Total: | 3,770 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 26, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Popup. js es una biblioteca JavaScript simple y ligera que le permite mostrar cualquier contenido HTML en una ventana emergente sin ninguna 3ª dependencia como jQuery.
Funcionamiento
Importa el Popup. js en tu documento HTML.
<script src="popup.js"></script>
Establezca el título y el contenido interno que desea mostrar en la ventana emergente.
var myPopup = new smq.Popup({
title: 'Popup Window',
innerHtml: 'Inner HTML Content'
}); Estilo de la ventana emergente lo que quieras:
smq-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 2000;
display: block;
}
smq-popup .window {
margin: 200px auto;
width: 500px;
min-height: 100px;
background: rgba(255,255,255,1);
border-radius: 10px;
}
smq-popup .close {
margin: 0 10px 0 0;
float: right;
color: rgba(200,200,200,1);
font-size: 20px;
cursor: pointer;
font-family: sans-serif;
} Muestre la ventana emergente.
myPopup.show();
Cierre la ventana emergente.
myPopup.close();
