grumble.js предназначен для формирования всплывающих подсказок без ограничения позиционирования.

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

$('h1').grumble({
	text: 'Безграничные подсказки!', 
	angle: 85, 
	distance: 100, 
	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,
	}
);
);