Как быстро сделать всплывающие подсказки.
![Как быстро сделать всплывающие подсказки.](/images/articles/how-to-create-tooltip-fast.jpg)
Всем привет! Наверняка вы слышали такое слово как tooltip. Это всплывающая подсказка. Сегодня мы поговорим про один сервис, который позволяет подключить такие подсказки за секунды.
Ссылка: http://darsa.in/tooltip/
На сайте вы сразу можете посмотреть, как это работает, поменять различные настройки.
Если вы решили установить их себе, то перейдите к пункту download и скачайте все необходимое.
Все дальнейшие инструкции написаны на сайте.
При использовании как компонент:
var Tooltip = require('tooltip');
Создайте простой текстовый 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
Итак, вот такой простой сервис, который, однако, позволяет очень быстро сделать красивые всплывающие подсказки.
-
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.