[SOLUCIONADO] funcion incrementar left

nenu_racso90 · #1 (**permalink**) 25/08/2013, 10:54

como podria hacer una funcion queincremente elvalor del left para mover de 0 (inicial) a el medio de la pagina
<html>
<head>
<style type="text/css">
#caja{position:absolute;
left:0%;
top:50%;
width:50px;
height:50px;
background-color:red;
}
</style>

<script>

funcion mover(){
document.GetElementById('caja').style.left =necesito el codigo k iria aqui ;
}

</script>

</head>

<body onload="mover()">

<div id="caja"></div>

</body>
</html>

omarinfinito · #2 (**permalink**) 25/08/2013, 12:45

por que usas onload?, por que no directamente lo añades al css? es algo, lamento decirlo, estupido.
añade atu css directamente
left:50%;

nenu_racso90 · #3 (**permalink**) 25/08/2013, 13:02

necesito k se mueva de 0% cada segundo asta yegar a 50%

omarinfinito · #4 (**permalink**) 25/08/2013, 13:20

prueba esto a ver si te sirve

Código HTML:

Ver original<script language="JavaScript"> 
var contador=0; 
function incrementar() { 
if(contador < 50){
document.getElementById("caja").style.left= contador++ + "px"; 
}
}
setInterval(incrementar(), 1000); 
 
 
</script> 
<html>
<head>
<style type="text/css">
#caja{position:absolute;
left:0%;
top:50%;
width:50px;
height:50px;
background-color:red;
}
</style>
 
</head>
<div id="caja"></div>
</body>
</html>

nenu_racso90 · #5 (**permalink**) 26/08/2013, 07:14

Cita:

Iniciado por omarinfinito

prueba esto a ver si te sirve

Código HTML:

Ver original<script language="JavaScript"> 
var contador=0; 
function incrementar() { 
if(contador < 50){
document.getElementById("caja").style.left= contador++ + "px"; 
}
}
setInterval(incrementar(), 1000); 
 
 
</script> 
<html>
<head>
<style type="text/css">
#caja{position:absolute;
left:0%;
top:50%;
width:50px;
height:50px;
background-color:red;
}
</style>
 
</head>
<div id="caja"></div>
</body>
</html>

nome funciona no se mueve cuando carga