Pievienojiet Margin Hover tekstu jebkurai tīmekļa vietnei ar Marginotes palīdzību

Ierakstiet rīkus ir fantastiski, bet dažreiz tie vienkārši neatbilst labi noteiktam saturam. Lielākā daļa tīmekļa vietņu atstāj atstarpes starp lappuses korpusu, un tas ir ideāli piemērots pievienošanai rīku padomu stila saturs bez rīku padomiem.

Ievadiet Marginotes, bezmaksas atvērtā koda jQuery spraudnis pie malām pievieno pielāgotas piezīmes jūsu tīmekļa lapas. Šīs piezīmes var pārslēgt, pamatojoties uz saitēm vai dažiem lapas elementiem, piemēram, attēliem.

Šis spraudnis ir pārsteidzoši viegli uzstādāms, un tas ir aprīkots ar noklusējuma stila lapa jūsu rezerves piezīmes. Tie parādās pie sāniem jūsu satura un tie ir tieši blakus rindkopas elementam jūsu tīmekļa lapā.

Hover piezīmes ir manuāli jūsu HTML elementiem, izmantojot a desc atribūts. Es nekad to neesmu redzējis HTML5, tāpēc es nevaru pateikt, vai tas ir pilnībā saderīgs. Bet, tā saņems JavaScript, kas ir viss, kas jums tiešām ir nepieciešams.

Jūs varat arī mainīt šo atribūtu palaižot marginotes () funkciju, lai to varētu mainīt līdzīgi datu-desc ja jūs vēlaties, lai tas būtu vairāk saderīgs.

Šeit ir viena līnija jQuery vajadzīgs, lai šis spraudnis darbotos:

 $ ("selektors"). marginotes () 

Jums jāaizstāj "selektors" ar visiem atlasītajiem elementiem. Tātad, ja viņi atrodas jūsu lapas iekšpusē, jūs varētu izmantot ".body span". Jūs varētu arī mērķa enkura saites vai noteiktās klasēs šiem elementiem.

Iekšpusē marginotes () funkciju, varat pievienot divi izvēles parametri lai mainītu rezerves piezīmes formātu:

1. platums - nosaka piezīmes platumu (noklusējuma vērtība ir 100px)
2. jomā - iestata HTML satura atribūtu (noklusējums ir "desc")

Tāpat, ja jums nepatīk, izmantojot jQuery, varat izmēģināt vaniļas Marginotes spraudnis. Tā darbojas uz vaniļas JS, tāpēc jums ir nulles atkarības lai iegūtu visas tās pašas funkcijas.

Jūs varat arī to pārbaudīt tiešraides demonstrācija ja vēlaties to redzēt darbībā. Tas noteikti ir unikāls spraudnis, un tas ir lielisks veids, kā pievienojiet papildu saturu uz jūsu vietni.