In questo tutorial andremo a vedere come creare un plugin di notifica in stile facebook, utilizzando una parte di codice di php ed una di jQuery.
Plugin di notifica in stile Facebook
Caratteristiche principali:
- Le notifiche scompaiono automaticamente dopo 5 secondi (personalizzabile).
- Col puntatore sopra la notifica, lo script ne impedisce la scomparsa.
- Pulsante di chiusura in alto a destra per chiudere ogni notifica.
Impostazioni di base:
- Inserire la libreria jQuery e lo script della facebookNotification nella tua pagina html tra i tag Head
1 2 |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="facebookNotification.js" type="text/javascript"</script> |
- ??Inserire il file CSS della facebookNotification nella tua pagina html tra i tag Head
1 |
<link rel="stylesheet" type="text/css" href="style.css" /> |
- Creare un div dove mostrare i messaggi di notifica e assegnargli come id:??tips
1 |
<div id="tips"></div> |
Demo Download Info | Sito Web | Autore
pixolo ads