<script type="text/javascript" src="jquery.kinotice.js"></script>
<link type="text/css" rel="stylesheet" href="kinotice.css" />

 // Static string example.
$.fn.kiNotice({
    autoOpen: true, 
    hideOnClose: true,
    title: 'Today\'s announcement', 
    content: '<p>Quisque a nunc felis, vel bibendum diam. Phasellus a velit libero. Aliquam consectetur arcu vitae massa pellentesque accumsan.</p>'
});

// DOM object inserted into the body of the notice
$.fn.kiNotice({
    autoOpen: true, 
    content: $('#important-message')
});

// AJAX content loaded.
$('#content').kiNotice({
    autoOpen: true,
    hideOnClose: true,
    ajaxSettings: {
        url: 'ajax.php?page=get_message&response=html',
        type: 'GET'
    }
});

// You can use extra classes to customize the notice, and a custom notice animation.
$.fn.kiNotice({
    autoOpen: false,
    ajaxSettings: {
        url: 'ajax.php?action=inbox&response=json',
        type: 'GET',
        success: function(data){
                this._setToggleIcon('<sup>'+data.notice_count+'</sup>');
                this.kiNoticeContent.html(data.notice_content);
                this._open();
        }
    },
    extraClasses: 'AlmaTheme',
    extraNoticeInterval: 1000                    
});