Tulos

Fonttikokomuunnokset: suurenna tai pienennä.

Koodi

Tämä tulee BODY-osastoon

<script type="text/javascript">
//<![CDATA[
/*
 * Tunnus:          Tekstiefektit; fonttikoko muunneltava
 * Tekijä:          Osmo Saarikumpu
 * Tehty:           2012-10-11
 * Tekijänoikeudet: Vapaasti käytettävissä
 */

/* Fonttikoon alustus... */
var fonttikoko = 1;
/* käyttäjän oletuskokoon (1em): */
document.body.style.fontSize = fonttikoko + "em";

function suurennaFonttia() {
    fonttikoko += 0.1;//+10%
    document.body.style.fontSize = fonttikoko + "em";
}
function pienennäFonttia() {
    fonttikoko -= 0.1;//-10%
    document.body.style.fontSize = fonttikoko + "em";
 }
//]]>
</script>
<p>Fonttikokomuunnokset:
<a href="javascript:suurennaFonttia()">suurenna</a>
tai <a href="javascript:pienennäFonttia()">pienennä</a>.</p>

Tämä sivu kuuluu helpoimpiin JavaScript-esimerkkeihin.

Weppipakin kotisivulle