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

As my earlier post http://w3lessons.info/2012/02/22/notification-message-boxes-with-css-jquery/ with stylish close button.

Now I show you how to do the same notification boxes with better styled way.

Here is the Jquery code for close button action

jQuery(document).ready(function($){
 $('.alert-close').click(function() {
 $(this).closest('.alert').fadeOut();
 });
});

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/05/message-boxes-css-jquery1.pnghttp://w3lessons.info/wp-content/uploads/2012/05/message-boxes-css-jquery1-150x150.pngKarthikeyan KCSS3FreebiesjqueryWeb DesignCSS3,freebies,message box
Hi guys! I am going to share a nice css alert/note/success message boxes with customize close button using css and jqueryAs my earlier post http://w3lessons.info/2012/02/22/notification-message-boxes-with-css-jquery/ with stylish close button.Now I show you how to do the same notification boxes with better styled way.Here is the Jquery code for close button actionPlease...