close

close button

HTML

<div class="messageBox">Hallooo...don't forget to come again yaaa \m/</div>

CSS

.messageBox {
    background: #FFEBD6;
    width:150px;
    padding:10px;
    border:1px solid #666;
    position:fixed;
    right:5px;
    top:5px;
    z-index:999;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

JavaScript

$(document).ready(function () {
    setTimeout(function () {
        $('.messageBox').fadeOut('fast');
    }, 5000); // <-- time in milliseconds
    $(".boxes").hover(
    //do this on mouse over...
    function () {
        var me = $(this);
        me.find('.closeButton').delay(1000).fadeIn(500);
    },
    //do this on mouse out...
    function () {
        var me.find('.closeButton').fadeOut(100);
    });
});