С легкостью добавляйте текст наведения курсора на любой веб-сайт

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

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

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

Всплывающие заметки добавляются в HTML-элементы вручную с использованием атрибута desc. Я никогда не видел этого в HTML5, поэтому не могу сказать, полностью ли он соответствует. Но он все же воспринимается JavaScript, и это все, что вам действительно нужно.

Вы также можете изменить этот атрибут при запуске функции marginotes (), чтобы изменить его на что-то вроде data-desc, если вы хотите быть более совместимым.

Вот одна строка jQuery, необходимая для работы этого плагина:

$ ( “Селектор”). Marginotes ()

Вы должны заменить «селектор» теми элементами, на которые вы нацеливаетесь. Так что, если они находятся внутри тела вашей страницы, вы можете использовать «.body span». Вы также можете использовать целевые ссылки или определенные классы, добавленные к этим элементам.

Внутри функции marginotes () вы можете добавить два необязательных параметра для изменения формата заметки на полях:

  1. width – устанавливает ширину заметки (по умолчанию 100px)
  2. field – устанавливает атрибут содержимого HTML (по умолчанию “desc”)

Кроме того, если вы не хотите использовать jQuery, вы можете попробовать ваниль Marginotes плагин. Он работает на vanilla JS, поэтому у вас нет нулевых зависимостей, чтобы получить все те же функции.

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *