Modifiqué un poco el script anterior para resolver unas dudas:
<html>
<head>
<script>
tamanioFuente=10;
function tamanio(cuanto){
if (tamanioFuente<100 && tamanioFuente>9) {
tamanioFuente+=cuanto;}
document.getElementById("texto").style.fontSize=(t amanioFuente)+"px";}
function pepe() {setInterval('tamanio(5)',50);}
</script>
</head>
<body>
<div id="texto2">Juanito</div>
<a href="#" onmouseover="pepe()">Crece Pepito crece</a>
<div id="texto">Pepito</div>
</body>
</html>
El document.getElementById está en términos de "texto", sólo modifica a este id, por lo que para modificar a Juanito habría que hacer una función tamanioFuenteJuan, y una función juan().
¿Cómo puedo hacerla con id´s para reutilizar la función tamanio?
<html>
<head>
<script>
tamanioFuente=10;
function tamanio(cuanto){
if (tamanioFuente<100 && tamanioFuente>9) {
tamanioFuente+=cuanto;}
document.getElementById(Id).style.fontSize=(tamanioFuente)+"px";}
function pepe(Id) {setInterval('tamanio(5)',50);}
</script>
</head>
<body>
<a href="#" onmouseover="pepe(texto2)">Crece Juanito crece</a>
<div id="texto2">Juanito</div>
<a href="#" onmouseover="pepe(texto)">Crece Pepito crece</a>
<div id="texto">Pepito</div>
</body>
</html>