Плагин jQuery grumble.js предназначен для вывода специальных подсказок без обычных ограничений позиционирования.

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

Оригинал план=гина grumble.js можно найти на Github

$('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,
	}
);
);