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.

https://w3lessons.info/wp-content/uploads/2012/02/notification-boxes-using-css-jquery11.pnghttps://w3lessons.info/wp-content/uploads/2012/02/notification-boxes-using-css-jquery11-150x150.pngkarthikeyanCSS3FreebiesjqueryWeb DesignCascading Style Sheets,CSS3,Design,Jquery,tips & tricks,WebsiteHi 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...PHP, HTML5, CSS, jQuery, Angular, Facebook Style Scripts & demos

Related Posts