Lisa Margin Hover tekst igale veebisaidile kergesti Marginotes'iga
Sisesta töövihikud on fantastiline, kuid mõnikord nad ei sobi hästi teatud sisuga. Enamik veebisaite jätab lehekülje korpusesse ruumi, mis sobib lisamiseks tööriista stiilis sisu ilma tööriistavõimalusteta.
Sisenema Marginotes, tasuta avatud lähtekoodiga jQuery plugin lisab marginaalidele kohandatud märkmed teie veebilehe. Neid märkmeid saate lülitada lehekülje linkide või teatud elementide, näiteks piltide põhjal.
See plugin on üllatavalt lihtne seadistada ja kaasas vaikimisi laaditabel teie lisatagatiste kohta. Need ilmuvad kõrvale sisu ja nad joonduvad teie veebilehe lõikeelemendi kõrval.
Hover-märkmed on käsitsi oma HTML-elementidele, kasutades a desc atribuut. Ma pole seda HTML5-s kunagi näinud, nii et ma ei saa öelda, kas see on täielikult kooskõlas. Aga see ei saa kätte JavaScripti, mis on kõik, mida vajate.
Sa saad ka muutke seda atribuuti kui käivitate marginotes () funktsiooni, et saaksite selle muuta data-desc kui soovid olla rohkem ühilduv.
Siin on üks jQuery rida see plugin töötab:
$ ("valija"). marginotes () Sa peaksid asendama "valija" ükskõik milliste sihtitavate elementidega. Niisiis, kui nad asuvad teie lehekere sees, võite seda kasutada ".body span". Sa võid ka eesmärgi ankurlingid või teatud klasside kaupa nendele elementidele.
Sisse marginotes () funktsiooni, saate lisada kaks valikulist parameetrit marginaalmärkuse vormingu muutmiseks:
laius- määrab märkme laiuse (vaikimisi 100 pikslit)valdkonnas- määrab HTML-sisu atribuudi (vaikimisi on"desc")
Samuti, kui sulle ei meeldi jQuery kasutamine, võite proovida vanilla Marginotes plugin. See töötab vanilje JS-il, nii et teil on nullisõltuvused saada kõik samad funktsioonid.
Samuti saate seda kontrollida live demo kui sa tahad seda näha. See on kindlasti unikaalne plugin ja see on suurepärane võimalus lisage täiendavat sisu saidile.
