Добавяне на текст маржа Hover към всички сайтове лесно с Marginotes
Вградени подсказки са фантастични, но понякога те просто не се вписват добре с определено съдържание. Повечето уебсайтове оставят място в полетата по тялото на страницата и това е идеално за добавяне съдържанието в стил подсказка без подсказките.
Въведете Marginotes, безплатен отворен код jQuery плъгин, че добавя персонализирани бележки към полетата на вашата уеб страница. Можете да превключвате тези бележки въз основа на връзки или определени елементи на страницата, например изображения.
Този плъгин е изненадващо лесен за настройка и идва с по подразбиране за стилове за бележките за маржа. Те се появяват встрани на вашето съдържание и те се подравняват в непосредствена близост до елемента на абзаца на вашата уеб страница.
Бележките за навигиране са добавена ръчно към HTML елементите, с помощта на низходящо
атрибут. Никога не съм виждал това в HTML5, така че не мога да кажа дали е напълно съвместим. Но, той се качва от JavaScript, което е всичко, от което наистина се нуждаете.
Можете също промяна на този атрибут когато стартирате marginotes ()
функция, така че можете да я промените на нещо подобно данни низходящо
ако искате да сте по-съвместими.
Ето един ред jQuery необходими за работа на този плъгин:
$ ( "Селектор"). Marginotes ()
Трябва да замените "Селектор"
с каквито и елементи да насочвате. Така че, ако са в тялото на страницата ви, можете да го използвате "телесен участък"
. Можете също така целеви свързващи връзки или от определени класове добавени към тези елементи.
Вътре marginotes ()
функция, можете да добавите два незадължителни параметъра за да промените формата на бележката за полета:
широчина
- задава ширината на бележките (по подразбиране е 100 пиксела)поле
- задава атрибута за съдържание на HTML (по подразбиране е"Низходящо"
)
Също така, ако не харесвате използването на jQuery, можете да опитате ванилия Маргинотес плъгин. Тя работи на ванилия JS, така че имате нулеви зависимости за да получите всички същите функции.
Можете също да проверите това демо на живо ако искаш да я видиш в действие. Това определено е уникален плъгин и това е чудесен начин добавете малко допълнително съдържание към вашия сайт.