How to make message notification like Stackoverflow?

Our team want to add the notification function on our we开发者_StackOverflow社区bsite. Now, it's the design stage. Could someone point me in the right direction?

Open up your web browser and go into firebug/chrome inspector/developer tools. Visit the stack overflow site. Look on the console at the global variable 'StackExchange'. It has everything you need for notifications, how votes are added, comments, etc... It is very well designed and very thought out. I use it as inspiration constantly.

It's a pretty straightforward task, but if you want to simplify the process, there is a jQuery plugin that does it here. There's also a more popup-style plugin called JNotifyOSD.

The jnotify plugin will give you what you need to make this happen on the client side. Once you have a mechanism for making your notifications available to the browser, you can just call jnotify to display the notification.