3 livelli di grandezza testo

quest'oggi vi propongo uno script molto utile pe4 facilitare la lettura dei testi del vostro.

 nell'head della vostra pagina inserite:

function fontsize(size){
var sizediv= document.getElementById("sizematter");
var font= "";
var smallf = "small";
var normalf ="normal";
var bigf = "big";
switch(size){
case bigf: sizediv.style.fontSize = "20px";break;
case normalf: sizediv.style.fontSize = "14px";break;
case smallf: sizediv.style.fontSize = "12px";break;
}
}

potete modificare la grandezza del testo indicandolo sostituendo i valori  (sizediv.style.fontSize = "20px";)

 nella body della pagine inserite:

 

<a href="#" onclick="fontsize('small')">piccolo</a> -
<a href="#" onclick="fontsize('normal')">normale</a> -
<a href="#" onclick="fontsize('big')">grande</a>
<div id="sizematter">
testo del sito
</div> 

 al posto delle parole "piccolo","normale" e "grande" potete inserire delle immaginette

 

buona lettura! 

Davide "Lodd" Z.
;