• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
плагин подсказок propper.js

Popper.js — маленький плагин всплывающих подсказок для сайта

Компактный и простой в использовании плагины JavaScript – Popper.js с максимум возможностей для динамических всплывающих подсказок на сайте.

Если в Ваших задачах стоит потребность в небольших появляющихся боксах с каким-либо контентом, то Вам определенном стоит обратить внимание на плагины Popper.js.

Плагин самостоятельно определяет позиционирование элементов и благодарю своему алгоритму высчитывает координаты, где будет появляться подсказка. Также, вся работа производится без какой либо зависимости от внешних библиотек.

Работа с плагином для всплывающих подсказок на сайте:

<!-- подключаем библиотеку -->
<script type="text/javascript" src="https://unpkg.com/popper.js"></script>
<!-- подключаем универсальный скрипт, который использует API propper.js для упрощенного использование подсказок -->
<script type="text/javascript" src="https://unpkg.com/tooltip.js"></script>

Ищем элемент с классом «my-button» и задаем расположение бокса с подсказкой «my-propper»

var reference = document.querySelector('.my-button');
var popper = document.querySelector('.my-popper');
var anotherPopper = new Popper(
    reference,
    popper,
    {
        // опции плагина
    }
);

Перечень всех опций для упрощенного варианта tooltip.js находиться здесь, для полного функционала propper.js – здесь.

Скачать файлы плагина Вы можете по ссылке выше. Перед использованием рекомендуем ознакомиться с базовой документацией. Смотрите также другие плагины JavaScript.

25679 просмотров