Hi guys! I am going to share a nice css notification message boxes with customize close button using css and jquery

As my earlier post http://w3lessons.info/2012/01/07/cool-notification-alert-message-boxes-using-css/ there was no close button.

Now I show you how to display a cool notification message boxes with close button.

Here is the Jquery code for close button action


	$(".notification-box-info").fadeOut("slow");return false;

	$(".notification-box-success").fadeOut("slow");return false;

	$(".notification-box-warning").fadeOut("slow");return false;

	$(".notification-box-error").fadeOut("slow");return false;


Please don’t forget to share and subscribe to latest updates of the blog. Also any comments and feedback are all welcome!


View Demo

Buy & Download Message Boxes Collections @ 1$

PayPal — The safer, easier way to pay online.


After your payment successful, you will get an email with messageboxes.zip attached sent by itzurkarthi@gmail.com within 1 hour. If you are not seeing it, check the spam folder. If you still don’t see it, send me an email and I’ll resend you again.

Related Posts