Aggiungi il testo del passaggio del mouse a qualsiasi sito web facilmente con Marginotes

Suggerimenti in linea sono fantastici ma a volte semplicemente non si adattano bene a determinati contenuti. La maggior parte dei siti web lascia spazio nei margini lungo il corpo della pagina e questo è perfetto per l'aggiunta contenuto in stile tooltip senza i tooltip.

accedere Marginotes, un plugin jQuery open source gratuito aggiunge note personalizzate ai margini della tua pagina web. È possibile attivare queste note in base ai collegamenti o a determinati elementi della pagina, ad esempio le immagini.

Questo plugin è sorprendentemente facile da configurare e viene fornito con un foglio di stile predefinito per le tue note di margine. Questi appaiono fuori di lato dei tuoi contenuti e si allineano proprio accanto all'elemento paragrafo sulla tua pagina web.

Le note al passaggio del mouse sono aggiunto manualmente ai tuoi elementi HTML, usare un disc attributo. Non l'ho mai visto in HTML5, quindi non posso dire se è pienamente conforme. Ma viene catturato da JavaScript che è tutto ciò di cui hai veramente bisogno.

Puoi anche cambia questo attributo quando esegui il marginotes () funzione, quindi potresti cambiarlo in qualcosa di simile data-disc se stai cercando di essere più compiacente.

Ecco il una riga di jQuery necessario per far funzionare questo plugin:

 $ ( "Selettore"). Marginotes () 

Dovresti sostituire "selettore" con qualunque elemento tu stia bersagliando. Quindi, se sono all'interno del corpo della pagina che potresti usare ".body span". Potresti anche link di ancoraggio target o da certe classi aggiunto a questi elementi.

Dentro il marginotes () funzione, è possibile aggiungere due parametri opzionali per cambiare il formato della nota di margine:

1. larghezza - imposta la larghezza della nota (il valore predefinito è 100px)
2. campo - imposta l'attributo del contenuto HTML (predefinito su "Disc")

Inoltre, se non ti piace usare jQuery puoi provare il plugin Marginotes vaniglia. Funziona su vanilla JS, quindi hai zero dipendenze per avere tutte le stesse caratteristiche.

Puoi anche dare un'occhiata a questo dimostrazione dal vivo se vuoi vederlo in azione. Questo è sicuramente un plugin unico ed è un ottimo modo per aggiungi del contenuto extra al tuo sito.