Плагин jQuery для подсказок — Grumble

С помощью плагина jQuery grumble.js Вы можете выводить специальные подсказки, без каких либо ограничений позиционирования.

Подсказку можно расположить вокруг необходимо элемента под любым углом в диапазоне 360 градусов. Можно задавать любое расстояние. Также для подсказки позволяется использовать любой стиль CSS. В зависимости от используемого текста выполняется автоматическое изменение размера всплывающей подсказки. Для одновременной анимации нескольких подсказок происходит очередь. Grumble работает во всех браузерах и в IE6+.

$('h1').grumble({
	text: 'Вот так!',
	angle: 85,
	distance: 170,
	showAfter: 500
});

Наведем еще примеры нескольких кодов для вывода разных подсказок:
- без текста
- голубой стиль
- с кнопкой закрытия
- с расширением

$('#grumble1').grumble(
	{
		text: '',
		angle: 200,
		distance: 3,
		showAfter: 1000,
		hideAfter: 2000
	}
);
$('#grumble2').grumble(
	{
		text: 'У-у-у! Голубенький...',
		angle: 180,
		distance: 0,
		showAfter: 2000,
		type: 'alt-',
		hideAfter: 2000
	}
);
$('#grumble3').grumble(
	{
		text: 'Нажми меня!',
		angle: 150,
		distance: 3,
		showAfter: 3000,
		hideAfter: false,
		hasHideButton: true,
		buttonHideText: 'Клик!'
	}
);
$('#grumble4').grumble(
	{
		text: 'А здесь написали так много, что все может и не влезть!',
		angle: 85,
		distance: 50,
		showAfter: 4000,
		hideAfter: 2000,
	}
);
);

Имеются и возвратные функции

$('#myElement').grumble({
	showAfter: 1000,
	hideAfter: 2000,
	onShow: function(){
		console.log('Запускается при завершении анимации');
	},
	onBeginHide: function(){
		console.log('Запускается при старте скрывающей анимации');
	},
	onHide: function () {
		console.log('Запускается при завершении скрывающей анимации');
	}
});