Как создать плавающее меню действий среднего размера

Популярность всплывающих меню растет, особенно после того, как Medium.com ввел эту функцию в моду. Вкратце, всплывающее меню действий появляется при выборе текста на веб-странице. Меню появляется рядом с выбором, показывая различные действия, которые позволяют вам быстро отформатировать, выделить или поделиться выделенным текстом.

В этом руководстве я покажу вам, как отобразить меню действий для выбранного фрагмента текста на веб-странице. Наше меню действий позволит пользователям твитнуть выбранный текст своим подписчикам.
Финальная демонстрация

Читайте также: добавьте контекстное меню на ваш сайт с HTML5

  1. Создайте HTML
    HTML-код прост — нам нужен только текст, который может выбрать пользователь. Для демонстрации я буду использовать «Харт и Охотник» сказка на ночь как образец текста.

Харт и Охотник

Харт был когда-то …


  1. Создайте шаблон меню действий

Я добавляю HTML-код, принадлежащий меню действий, внутри