Hola de nuevo,bueno ya consegui hacer exactamente el efecto que queria
aqui os dejo un pequeño ejemplo que hice,es una tonteria,es mas que nada el efecto que buscava y porfin lo hice:
http://webriki.260mb.com/Easyng.htmlpor si a alguien le interesa el codigo aqui se lo dejo,de todas formas abran codigos mucho mas profesionales que el mio eso esta claro.
<script lenguage="javascript">
var Incremento = 30;
var Tiempo;
var Incremento2 = 10;
var Tiempo2;
function Animar()
{
Incremento--;
if(Incremento == 0)
{
Start_Animate2();
clearTimeout(Tiempo);
}
else
{
Objeto = document.getElementById("Imagen");
var Ancho = parseInt(Objeto.style.width);
Objeto.style.width =Ancho+Incremento+'px';
Start_Animate();
}
}
function Start_Animate()
{
Tiempo = setTimeout("Animar()",20);
}
function AnimteHeight()
{
Incremento2--;
if(Incremento2 == 0)
{
clearTimeout(Tiempo2);
}
else
{
Objeto2 = document.getElementById("Imagen");
var Ancho2 = parseInt(Objeto.style.height);
Objeto2.style.height =Ancho2+Incremento2+'px';
Start_Animate2();
}
}
function Start_Animate2()
{
Tiempo2 = setTimeout("AnimteHeight()",20);
}
function Cambia()
{
obj = document.getElementById("Imagen").style.borderColor="white";
document.bgColor="black";
setTimeout("Start_Animate()",500);
}
</script>
podria aerme ahorrado la creacion de ciertas variables pero bueno eso para cuando lo haga para algun proyecto
nada de esto ubiera sido posible sin muchos de aquios lo agradezco amigos
saludos y feliz año nuevo