martes, 30 de julio de 2013

Añade a tus proyectos Notificaciones con estilo con CSS3 y JQuery

Damian 7/30/2013

Hace un mes utilice este plugin desarrollado porSaleem(codebasehero) ,para mostrar notificaciones cuando un visitante dejara un comentario de facebook lo cual enseñare como hacerlo con las API de Facebook mas adelante.

Son notificaciones que se muestran en la parte inferior derecha o izquierda según se desee y tienen la propiedad de cerrarse automáticamente cada n tiempo.

  • Instalación
su instalación es sencilla como cualquier otro plugin solo necesitamos alojar el archivo en algun host de su preferencia .

script type="text/javascript" src="jquery-1.6.1.min.js"/script script type="text/javascript" src="../plugin/ttw-simple-notifications-min.js"/script script type="text/javascript" $(document).ready(function() { var notifications = $('body').ttwSimpleNotifications(); notifications.show({msg:'Lucho Borja hizo un comentario'+'br/'+'Me gusto mucho la presentacion para mi esta super bien', icon:'images/icon.png', autoHide:false}); }); /script


de esta forma se presentara una notificación,este plugin tiene los siguiente parámetros para poder configurar las notificaciones.

msg: el mensaje que se desee presentar
autoHideDelay: valor entero,tiempo que se desee que la notificación se cierre
autoHide: valor booleano,si se desea que la notificación no se cierre automáticamente
icon: URL, icono o imagen que se desee lleve la notificación
position: "bottom right'" , si se desea cambiar de posición cuando aparezca la notificación

incluye un demo.


DESCARGAR





, ,

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)