0x000e JavaScript (jQuery) popup notice. Всплывающие сообщения с помощью JavaScript (jQuery)

0x000D JavaScript (jQuery) popup notice. Всплывающие сообщения с помощью JavaScript (jQuery)

Простой скрипт для вывода всплывающих сообщений. Сообщение может содержать HTML.

CSS:

/* Notice block */
#notice-block {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999
}
#notice-block .notice {
	display: none;
	float: left;
	clear: both;
	position: relative;
	width: 190px;
	top: 0;
	right: 0;
	margin: 2px 2px 0 0px;
	padding: 12px 20px;
	background: #585858;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 10px;
	cursor: pointer;
}
#notice-block .notice > .message {
	font-weight: bold;
	color: #fff;
	font-size: small;
	line-height: 0.2em
}
#notice-block .notice > .message a { color: #8bf }
#notice-block .notice > .message.error { color: #f55 }

JS:

$('.notice').live('click', function() { $(this).fadeOut(800, function() { return $(this).remove() }) });
function popupMessage(message, type) {
	type = type ? type : 'info';
	if($('#notice-block').length == 0) {
		$('<div id="notice-block"></div>').prependTo('body');
	}

	$('<div class="notice"><span class="message ' + type + '">' + message + '</span></div>')
		.appendTo('#notice-block')
		.fadeIn(800)
		.delay(5000)
		.fadeOut(800, function() { return $(this).remove() });
} // popupMessage();