Всем привет! Наверняка вы слышали такое слово как tooltip. Это всплывающая подсказка. Сегодня мы поговорим про один сервис, который позволяет подключить такие подсказки за секунды.

Ссылка: http://darsa.in/tooltip/

На сайте вы сразу можете посмотреть, как это работает, поменять различные настройки. Если вы решили установить их себе, то перейдите к пункту download и скачайте все необходимое. Все дальнейшие инструкции написаны на сайте. При использовании как компонент:

var Tooltip = require('tooltip');
var tip = new Tooltip('Foo bar!');
tip.position(200, 200).show(); Использование картинки в контенте:
var img = document.createElement('img');
img.src = 'http://foo.com/bar.jpg';
img.width = '64';
img.height = '64'; tip.content(img); Позиция подсказки пока элемент является целью: tip.position(document.querySelector('.target')); Изменение типа подсказки и эффекта: tip.type('error').effect('fade');

Почитать подробнее вы можете здесь: https://github.com/darsain/tooltip/wiki/Tooltip

Итак, вот такой простой сервис, который, однако, позволяет очень быстро сделать красивые всплывающие подсказки.