Notification div with auto hide

If you want to create a message notification div with auto hide property using jquery, see the code here

Add this to your java script code...

 $(document).ready(function() {

$('#messageDiv').delay(5000).fadeOut('slow');
  });
-----------------------------------------------------
<style type="text/css">
notificationDiv{
  background: #FCFFB2; 
  color: white;
  font-size:13px;
   font-weight:bold;
    padding-top: 3px;
   text-align:center;
    width:300px;
     height:20px;
    
}
</style>
And create div where you want to show in your page...


    <div id=" messageDiv " class="notificationDiv" >
    This is a notification div
</div>
         

Popular posts from this blog

Can not connect to git using ssh (Permissions 0644 for '/root/.ssh/id_rsa' are too open.

Upload file on Google cloud storage using Java servlet on google app engine

Create Nested table inside a table on a pdf document using iText