<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Aumentando da fonte com JavaScript e CSS </TITLE>
<script type="text/javascript">
function TamFonte(num, id)
{
document.getElementById(id).className = "ft"+num;
}
</script>
<style type="text/css">
body { font-family: arial; }
#noticia { width: 450px; }
.ft1 { font-size: 10px; }
.ft2 { font-size: 13px; }
.ft3 { font-size: 18px; }
</style>
</HEAD>
<BODY>
<ul>
<li><span class="ft1"><a href="#" onclick="TamFonte(1, 'noticia')">Fonte 1</a></span></li>
<li><span class="ft2"><a href="#" onclick="TamFonte(2, 'noticia')">Fonte 2</a></span></li>
<li><span class="ft3"><a href="#" onclick="TamFonte(3, 'noticia')">Fonte 3</a></span></li>
</ul>
<h3>Teste </h3>
<div id="noticia" class="ft1">
<p>S� para testar o script.</p>
<p>Sistemas de portais, fotologs, blog multiusuario, classificados, phprograman@hotmail.com.</p>
</div>
</BODY>
</HTML>