<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function($){
$.fn.mbar = function(options) {
var options = $.extend({
drag: true,
title: 'Панель сообщений',
mtime: true
}, options);
return this.each(function() {
var block = $(this);
var dragHtml = '';
if(options.drag) {
dragHtml = '<div class="drag"></div>';
}
block.append(
'<div class="header">' +
'<div class="title">' + options.title + '</div>' +
dragHtml +
'</div>' +
'<div class="messages" />' +
'<div class="status" />'
);
});
}
})(jQuery);
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.mbar').mbar();
});
</script>
</head>
<body>
<div class="mbar"></div>
</body>
</html>