Cuadro emergente deslizante en JavaScript y CSS3-WhoopsJs
| Autor: | delino12 |
|---|---|
| Views Total: | 422 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 13, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
El plugin WhoopsJs JavaScript para crear cuadros emergentes de CSS3 animados para mensajes de notificación.
Viene con 4 tipos de notificación incorporados: predeterminado, éxito, ADVERTENCIA y peligro.
Funcionamiento
Importa el plugin de WhoopsJs JavaScript y StyleSheet de la siguiente manera:
<link rel="stylesheet" href="css/main.css"> <script src="js/main.min.js"></script>
Cree el contenedor para el cuadro emergente.
<div class="whoops-container" role="alert" aria-hidden="false"> <div class="whoops default"> <p>Welcome to Whoops.js!</p> <button type="button" class="whoops-btn whoops-btn--close">Close</button> </div> </div>
Muestra un cuadro emergente de notificación predeterminado en la pantalla.
var whoops = new Whoops({
message: "Hello World!"
}); Cambie el tipo predeterminado (tema) del cuadro emergente de notificación.
var whoops = new Whoops({
message: "Hello World!",
type: "warning" // success, danger
});
