Плагин 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, } ); );