馃敂 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

notify.js is a tiny, customizable jQuery plugin for creating toast-style alert and notice popups that fallback to bottom notification bars on mobile and tablet devices.

Notification toast-message

Documentation

Notify.js

Este es un plugin para la gesti贸n de notificaciones responsivas y minimalistas estilo toast:

Ejemplos de uso:

Este plugin necesita jQuery.

Se usaron las herramientas de TinyColor para el manejo de colores.

Puedes probar el demo aqu铆.

<script src="/path/to/jquery.min.js"></script> <script src="/path/to/notify.min.js"></script>

Opciones:

// Mostrando valores por defecto var opciones = { 	color: '#323232',	// random, hex, rgb(a), nombre 	position: 'right',	// right, left 	rounded: false,		// boolean 	content: null,		// String del mensaje 	callback: null,		// Funci贸n ejecutada al destruir el mensaje 	timeout: 4000		// Tiempo para auto destrucci贸n de notificaci贸n }

Creando notificaciones:

B谩sicas:

Notify('Esta es una notificaci贸n');  

Personalizadas:

Notify({ 	content: 'Hola usuario', 	color: 'random', 	timeout: 1000 })  Notify({ 	content: 'Hey you...', 	color: 'pink', 	position: 'left', 	rounded: true })

Usando callbacks

// Definici贸n local: Notify({ 	content: 'Hola usuario', 	color: 'blue', 	timeout: 5000, 	rounded: true, 	position: 'left', 	callback: function() { 		alert('Mensaje desde callback'); 	} })  // Reutilizando funciones: Notify({ 	content: 'Hola usuario', 	color: 'blue', 	timeout: 5000, 	callback: foo })  var foo = function () { 	alert('Mensaje de prueba...'); }

You May Also Like