Как быстро сделать всплывающие подсказки.
Всем привет! Наверняка вы слышали такое слово как 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
Итак, вот такой простой сервис, который, однако, позволяет очень быстро сделать красивые всплывающие подсказки.
-
Создано 14.08.2014 20:42:01
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.