Легко добавляйте текст при наведении на любой веб-сайт с помощью Marginotes
Встроенные подсказки фантастические, но иногда они просто не вписываются в определенный контент. Большинство сайтов оставляют пространство на полях вдоль тела страницы, и это идеально подходит для добавления содержимое в виде всплывающей подсказки без подсказок.
Войти Marginotes, бесплатный плагин с открытым исходным кодом JQuery, который добавляет пользовательские заметки на полях вашей веб-страницы. Вы можете переключать эти заметки на основе ссылок или определенных элементов на странице, таких как изображения.
Этот плагин удивительно прост в настройке и поставляется с таблица стилей по умолчанию для ваших заметок на полях. Эти появляются в сторону вашего контента, и они выравниваются прямо рядом с элементом абзаца на вашей веб-странице.
Примечания парения добавлено вручную к вашим элементам HTML, используя по убыванию
атрибут. Я никогда не видел этого в HTML5, поэтому не могу сказать, полностью ли он соответствует. Но, это действительно подхватывается JavaScript, который все, что вам действительно нужно.
Вы также можете изменить этот атрибут когда вы запускаете marginotes ()
функция, чтобы вы могли изменить его на что-то вроде данные по убыванию
если вы хотите быть более послушным.
Вот одна строка jQuery необходимо, чтобы этот плагин работал:
$ ( "Селектор"). Marginotes ()
Вы должны заменить «Селектор»
с любыми элементами, на которые вы нацеливаетесь. Итак, если они находятся внутри тела вашей страницы, вы можете использовать ". body span"
. Вы могли бы также целевые якорные ссылки или же определенными классами добавил к этим элементам.
Внутри marginotes ()
функция, вы можете добавить два необязательных параметра изменить формат заметки на полях:
ширина
- устанавливает ширину ноты (по умолчанию 100px)поле
- устанавливает атрибут содержимого HTML (по умолчанию«Убывание»
)
Кроме того, если вам не нравится использовать jQuery, вы можете попробовать плагин Vanilla Marginotes. Он работает на ванильном JS, так что у вас есть нулевые зависимости чтобы получить все те же функции.
Вы также можете проверить это живое демо если вы хотите увидеть это в действии. Это, безусловно, уникальный плагин, и это отличный способ добавить дополнительный контент на ваш сайт.