Vai al contenuto

jqIsoText: testo isometrico

Alcuni contenuti nelle nostre pagine sono più importanti di altri e perciò vogliamo che siano molto più visibili e che risaltino. Ci sono molte tecniche per raggiungere questo obiettivo. Uno di queste è jqIsoText.

Con questo plugin cambiamo le dimensioni delle lettere nel testo.
Si parte da una dimensione di carattere e si incrementa o decrementa per ottenere altre dimensioni del carattere. Ciò conduce a qualcosa di simile alla proiezione assonometrica e può essere fatto per un intero blocco o per ogni parola del testo.

jqIsoText ha solo tre opzioni: fromSize, toSize e split. Le prime due assegnano la dimensione della prima lettera e della lettera di mezzo in un testo. La terza opzione invece indica se si vuole trattare  ogni parola dal testo separatamente.
Ad esempio, se si desidera che il testo nel tag h1 parte da 50px, arrivi a 20px e che ogni parola venga trattata separatamente si dovrebbe usare il seguente codice:

[javascript]
<code>$(".elem").jqIsoText({ fromSize: 50, toSize: 20, split: ‘yes’ });</code>
[/javascript]

Questo plugin dovrebbe essere usato per i titoli o per qualche importante linea di testo.
L’utilizzo di questo plugin per un testo particolarmente lungo può portare ad una difficile lettura e può quindi causare l’effetto opposto.

Il plugin è compatibile ed è stato testato su Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

[Download non trovato]

Sito autore e demo: http://workshop.rs/2010/01/jqisotext-jquery-text-effect-plugin/

Scritto da jqueryitalia

Sito WEB: https://www.jqueryitalia.org

Contenuto non disponibile.
Per visualizzarlo, devi acconsentire all'utilizzo dei cookies cliccando su "ACCONSENTO" nel banner sottostante.

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi