Додати текст маржа наведення на будь-які веб-сайти легко з Marginotes
Вбудовані підказки є фантастичними, але іноді вони просто не підходять добре з певним вмістом. Більшість сайтів залишають простір на полях по тілу сторінки, і це ідеально підходить для додавання вміст стилю підказки без підказок.
Enter Маргиноти, безкоштовний плагін JQuery з відкритим вихідним кодом додає власні нотатки до полів веб-сторінки. Ви можете перемикати ці нотатки на основі посилань або певних елементів на сторінці, наприклад, зображень.
Цей плагін напрочуд легко налаштувати, і він поставляється з за замовчуванням таблиця стилів для ваших приміток до полів. Вони з'являються у бік вашого вмісту, і вони вирівнюються поруч із елементом абзацу на веб-сторінці.
Є нотатки додано вручну до елементів HTML, за допомогою a desc атрибут. Я ніколи не бачив цього в HTML5, тому я не можу сказати, що він повністю сумісний. Але, він отримує взяв на JavaScript, який це все, що вам дійсно потрібно.
Ви також можете змінити цей атрибут під час запуску marginotes () функцію, щоб ви могли змінити її на щось подібне data-desc якщо ви хочете бути більш сумісними.
Ось це один рядок jQuery потрібно, щоб цей плагін працював:
$ ("селектор"). Ви повинні замінити "селектор" з якими елементами ви націлюєте. Отже, якщо вони знаходяться у вашому тілі сторінки, ви можете використовувати її "тіло розмахувати". Ви також можете цільові якірні посилання або певними класами до цих елементів додано.
Всередині marginotes () можна додати два необов'язкових параметра змінити формат нотатки:
ширина- встановлює ширину нотатки (за умовчанням 100px)поля- встановлює атрибут вмісту HTML (за замовчуванням -"desc")
Крім того, якщо ви не любите використовувати jQuery, ви можете спробувати ванільний плагін Marginotes. Він працює на ванілі JS, так що у вас є нульові залежності отримати всі ті ж особливості.
Ви також можете перевірити це демо якщо ви хочете побачити його в дії. Це, безумовно, унікальний плагін, і це відмінний спосіб додайте додатковий вміст на ваш сайт.
