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

jQuery(document).ready(function($){

$(".notification-close-info").click(function(){
	$(".notification-box-info").fadeOut("slow");return false;
});

$(".notification-close-success").click(function(){
	$(".notification-box-success").fadeOut("slow");return false;
});

$(".notification-close-warning").click(function(){
	$(".notification-box-warning").fadeOut("slow");return false;
});

$(".notification-close-error").click(function(){
	$(".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!

Thanks!

View Demo

Buy & Download Message Boxes Collections @ 1$


PayPal — The safer, easier way to pay online.

Support

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.

If you enjoyed this article, Get email updates (It’s Free)
http://w3lessons.info/wp-content/uploads/2012/02/notification-boxes-using-css-jquery11.pnghttp://w3lessons.info/wp-content/uploads/2012/02/notification-boxes-using-css-jquery11-150x150.pngKarthikeyan KCSS3FreebiesjqueryWeb DesignCascading Style Sheets,CSS3,Design,Jquery,tips & tricks,Website
Hi guys! I am going to share a nice css notification message boxes with customize close button using css and jqueryAs 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...