Dodaj margina Hover tekst na bilo koje web stranice lako s Marginotes

Inline opisi alata fantastični su, ali ponekad jednostavno ne odgovaraju određenom sadržaju. Većina web stranica ostavlja prostor na margini uz tijelo stranice i to je savršeno za dodavanje sadržaj u obliku alata bez opisa alata.

Unesi Marginotes, besplatni open source jQuery plugin koji dodaje prilagođene bilješke na margine Vaše web stranice. Ove bilješke možete mijenjati na temelju veza ili određenih elemenata na stranici, kao što su slike.

Ovaj dodatak je iznenađujuće jednostavan za postavljanje i dolazi s a zadani stil za vaše bilješke o margini. One se pojavljuju u stranu sadržaja i poravnavaju se odmah pored elementa odlomka na vašoj web stranici.

Bilješke o lebdenju su dodano ručno u HTML elemente, pomoću a opis atribut. Nikad to nisam vidio u HTML5 pa ne mogu reći je li u potpunosti usklađen. Ali, to se dobiva pokupila JavaScript koji je sve što stvarno trebate.

Također možete promijeniti ovaj atribut kada pokrenete marginotes () tako da je možete promijeniti u nešto slično Opis podataka ako želite biti popustljiviji.

Evo ga jedan redak jQuery potreban za rad ovog dodatka:

 $ ( "Selektor"). Marginotes () 

Trebali biste zamijeniti "selektor" s elementima koje ciljate. Dakle, ako se nalaze unutar tijela stranice, možda ćete ga koristiti "tijelo span". Mogli biste također ciljne veze sidra ili određenim razredima dodano tim elementima.

Unutar marginotes () možete dodati dva izborna parametra za promjenu formata bilješke o margini:

1. širina - postavlja širinu bilješke (zadano je 100 piksela)
2. polje - postavlja atribut HTML sadržaja (zadano je „Opis”)

Također, ako ne volite koristiti jQuery možete isprobati vanilla Marginotes dodatak. Ona radi na vanili JS, tako da imate nula ovisnosti da biste dobili sve iste značajke.

Također možete pogledati ovo demo uživo ako ga želiš vidjeti na djelu. Ovo je definitivno jedinstven dodatak i to je sjajan način dodajte dodatni sadržaj na svoju web-lokaciju.