Dodaj margines najedź tekstem na dowolne strony internetowe Łatwo dzięki Marginotes

Inline podpowiedzi są fantastyczne, ale czasami po prostu nie pasują do pewnych treści. Większość stron internetowych pozostawia marginesy wzdłuż marginesów strony, co jest idealne do dodania treść w stylu podpowiedzi bez podpowiedzi.

Wchodzić Marginotes, darmowy plugin jQuery typu open source dodaje niestandardowe notatki do marginesów twojej strony internetowej. Możesz przełączać te notatki na podstawie linków lub określonych elementów na stronie, takich jak obrazy.

Ta wtyczka jest zaskakująco łatwa do skonfigurowania i zawiera domyślny arkusz stylów za notatki dotyczące depozytu zabezpieczającego. Pojawiają się z boku twoich treści i wyrównują się tuż obok elementu akapitu na twojej stronie internetowej.

Notatki w dymku są dodane ręcznie do elementów HTML, używać desc atrybut. Nigdy nie widziałem tego w HTML5, więc nie mogę powiedzieć, czy jest w pełni zgodny. Ale to jest pobierane przez JavaScript, czego naprawdę potrzebujesz.

Możesz również zmień ten atrybut kiedy uruchomisz marginotes () funkcja, więc możesz zmienić ją na coś podobnego dane-desc jeśli chcesz być bardziej zgodny.

Tutaj jest jedna linia jQuery potrzebne do działania tej wtyczki:

 $ („selektor”). marginotes () 

Powinieneś wymienić "selektor" z dowolnymi elementami docelowymi. Jeśli więc znajdują się w ciele strony, możesz użyć „.span span”. Ty też możesz docelowe linki kotwiczne lub przez niektóre klasy dodane do tych elementów.

W środku marginotes () funkcja, którą możesz dodać dwa opcjonalne parametry zmienić format noty depozytowej:

1. szerokość - ustawia szerokość nuty (domyślnie 100px)
2. pole - ustawia atrybut treści HTML (domyślnie jest to „desc”)

Ponadto, jeśli nie lubisz używać jQuery, możesz spróbować waniliowa wtyczka Marginotes. Działa na waniliowym JS, więc masz zero zależności aby uzyskać wszystkie te same funkcje.

Możesz także to sprawdzić demo na żywo jeśli chcesz to zobaczyć w akcji. To z pewnością wyjątkowa wtyczka i świetny sposób na to dodaj trochę dodatkowej zawartości do Twojej witryny.