Adăugați marginea textului hover pe orice site cu ușurință cu marginile
Instrucțiuni inline sunt fantastice, dar uneori nu se potrivesc bine cu anumite conținuturi. Cele mai multe site-uri lasă spațiu în margini de-a lungul corpului paginii și acest lucru este perfect pentru adăugarea în stilul de stil, fără sfaturile de instrument.
introduce Marginotes, un plugin gratuit open source jQuery care adaugă note personalizate la margini a paginii dvs. web. Puteți comuta aceste note pe baza unor link-uri sau a anumitor elemente de pe pagină, cum ar fi imaginile.
Acest plugin este surprinzător de ușor de configurat și vine cu un foaie de stil implicită pentru notele de marjă. Acestea apar în afara din conținutul dvs. și se aliniază chiar lângă elementul paragraf de pe pagina dvs. Web.
Notele de hover sunt adăugat manual la elementele HTML, folosind un desc
atribut. N-am mai văzut acest lucru în HTML5, așa că nu pot spune dacă este pe deplin conform. Dar, nu este luat de JavaScript, care este tot ce ai nevoie.
Poti de asemenea modificați acest atribut când rulați marginotes ()
astfel încât să puteți schimba acest lucru la ceva asemănător date-desc
dacă doriți să fiți mai conformi.
Iată-l o linie de jQuery necesare pentru ca acest plugin să funcționeze:
$ ( "Selector"). Marginotes ()
Ar trebui să înlocuiți "Selector"
cu toate elementele pe care le vizați. Deci, dacă sunt în interiorul corpului dvs. de pagină, puteți folosi ".
. Ai putea, de asemenea tinta link-uri de ancorare sau de anumite clase adăugat la aceste elemente.
În interiorul marginotes ()
puteți adăuga doi parametri opționali pentru a modifica formatul notei de margine:
lăţime
- stabilește lățimea notei (valorile implicite la 100px)camp
- stabilește atributul conținut HTML (implicit la"Desc"
)
De asemenea, dacă nu vă place să folosiți jQuery, puteți încerca vanilie Marginotes plugin. Rulează pe vanilie JS, așa că ai zero dependențe pentru a obține toate aceleași caracteristici.
Puteți, de asemenea, verifica acest lucru live demo dacă vrei să vezi în acțiune. Acesta este cu siguranță un plugin unic și este o modalitate foarte bună de a adăugați conținut suplimentar la site-ul dvs..