Como hacerlo funcionar?

[patilanz]

Hola lo que quiero hacer es a crear dos botones y una tabla y luego en javascript hacer que el borde de la tabla se agrandisa poco a poco pero lo que consigo hacer es solo que se agrandice pero luego la vuelta no me sale bien ...
El codigo es este :

Código Javascript:

<script language="javascript">
function mas() {
tabla.border = parseInt(tabla.border) + 1;
}
function menos() {
tabla.border = parseInt(tabla.border) - 1;  
}
function aumentar() {
var tiempo = 50;
if(tabla.border < 10) {
    var indice;
    for(indice = 1; indice < 20; indice ++) {
        setTimeout('mas()',tiempo);
        tiempo += 50;
}
} else {alert('Pls no aumente mas!')}
}
function menos() {
var tiempo = 50;
if(tabla.border > 1) {
    var indice;
    for(indice = 1; indice < 20; indice ++) { 
    setTimeout('menos()',tiempo);
    tiempo += 50;
    
    }
} else {
alert('Pls no disminuye mas!'); 
}
}
</script>
 

Alguna idea ?

Gracias :)

[pedrogp9693]

Se que preguntas por algo relacionado con JavaScript, pero creo que es más fácil con CSS, con animaciones o transiciones de CSS3, y no es tan complicado de hacer, te pondré varios links donde explico como hacerlo, espero que te sirvan de ayuda.

[URL="http://xitrus.es/utilidades/Transiciones"]http://xitrus.es/utilidades/Transiciones[/URL]
[URL="http://xitrus.es/utilidades/Animaciones"]http://xitrus.es/utilidades/Animaciones[/URL]