Programmazione Web » Javascript » Cambiare al volo le dimensioni del font
Cambiare al volo le dimensioni del font
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1104 volte
Oggi vediamo come è possibile, per questioni di usabilità, cambiare la dimensione dei caratteri di una pagina web.
Copiamo e incolliamo queste righe:
<a href="#" onclick="document.getElementById('container').style.fontSize='12px';return false;">12px</a>
<a href="#" onclick="document.getElementById('container').style.fontSize='14px';return false;">14px</a>
<a href="#" onclick="document.getElementById('container').style.fontSize='16px'; return false;">16px</a>
Ed ora creiamo il div "container" destinato a contenere il testo...
<div id="container">Sassidesign.it, vedete come il testo cambia la grandezza...</div>
Attenzione: container è l'id dell'elemento della pagina web di cui volete cambiare le dimensioni; sostituitelo con il nome del vostro id di cui volete siano cambiate le dimensioni.
Facile, no?
Aggiungi questo tutorial ai preferiti
