Dodaj besedilo Margin Hover na vse spletne strani z lahkoto z Marginotes
Inline opisi orodij so fantastični, vendar včasih preprosto ne ustrezajo določeni vsebini. Večina spletnih strani pusti prostor na robovih vzdolž telesa strani in to je kot nalašč za dodajanje vsebine v obliki orodja brez opisov orodij.
Vnesite Marginotes, prosti odprtokodni jQuery plugin, ki na robove doda opombe po meri vaše spletne strani. Te beležke lahko preklapljate na podlagi povezav ali določenih elementov na strani, na primer slik.
Ta vtičnik je presenetljivo enostaven za nastavitev in prihaja z a privzeti slogovni slog za vaše opombe. Pojavijo se na stran vaše vsebine in se poravnajo zraven elementa odstavka na vaši spletni strani.
Opombe za hover so dodano ročno do elementov HTML, z uporabo a desc atribut. Tega še nikoli nisem videl v HTML5, zato ne morem reči, ali je popolnoma skladen. Ampak, ne dobijo pobral JavaScript, ki je vse, kar res potrebujete.
Lahko tudi spremenite ta atribut ko zaženete marginotes () funkcijo, tako da jo lahko spremenite v nekaj podobnega data-desc če želite biti bolj skladni.
Tukaj je ena vrstica jQuery potreben za delovanje tega vtičnika:
$ ("selektor"). Zamenjati morate "izbirnik" z vsemi elementi, na katere ciljate. Torej, če se nahajajo v telesu strani, ga lahko uporabite "telesni razpon". Lahko tudi ciljne sidrne povezave ali določenih razredov tem elementom.
V notranjosti marginotes () funkcijo, lahko dodate dva neobvezna parametra spremenite obliko zapisa za robove:
premer- nastavi širino opombe (privzeto je 100px)polje- nastavi atribut vsebine HTML (privzeto je"desc")
Tudi, če vam ni všeč uporaba jQuery, lahko poskusite vanilla Marginotes plugin. Deluje na vanili JS, tako da imate nič odvisnosti da bi dobili vse enake funkcije.
Oglejte si tudi to demo v živo če ga hočeš videti v akciji. To je vsekakor edinstven plugin in to je odličen način dodajte nekaj dodatne vsebine na svoje spletno mesto.
